dark mode v1

src/pages/received/List.tsx

@@ -19,6 +19,7 @@ import ModalConfrim from '@/components/ModalConfrim';
 import { ErrorType } from '@/helpers/types';
 import { toast } from '@/components/Toast';
 import { Checkbox } from '@/components/ui/checkbox';
+import { getIconColor } from '@/utils/colorUtils';
 
 const List: FC = () => {
 
@@ -159,7 +160,7 @@ const List: FC = () => {
             </div>
             <Refresh2
                 size={18}
-                color='black'
+                color={getIconColor('primary')}
                 className={`cursor-pointer min-w-[18px] ${isFetching ? 'animate-spin-reverse' : ''}`}
                 onClick={() => refetch()}
             />
@@ -167,7 +168,7 @@ const List: FC = () => {
             <RowActionsDropdown actions={[
                 {
                     label: 'خواندن همه',
-                    icon: <img src={MarkAsRead} className='w-[18px]' />,
+                    icon: <img src={MarkAsRead} className='w-[18px] filterWhite' />,
                     onClick: () => handleMarkAll()
                 }
             ]} />
@@ -181,18 +182,18 @@ const List: FC = () => {
         <>
             <img
                 src={MarkAsRead}
-                className='w-[18px] cursor-pointer'
+                className='w-[18px] cursor-pointer filterWhite'
                 onClick={() => handleMarkAsReadSelected()}
             />
             <ArchiveTick
-                color='black'
+                color={getIconColor('primary')}
                 onClick={() => handleArchiveSelected()}
                 className="cursor-pointer lg:size-[18px] size-[20px]"
 
             />
-            <InfoCircle color='black' className="cursor-pointer lg:size-[18px] size-[20px]" />
+            <InfoCircle color={getIconColor('primary')} className="cursor-pointer lg:size-[18px] size-[20px]" />
             <Star1
-                color='black'
+                color={getIconColor('primary')}
                 className="cursor-pointer lg:size-[18px] size-[20px]"
                 onClick={() => handleFavoriteSelected()}
             />