dark mode +

src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx

@@ -83,11 +83,11 @@ const CartSummary = ({ isPremium }: CartSummaryProps) => {
             </div>
           )}
 
-          <div className='fixed bottom-0 left-0 right-0 z-50 bg-white border-t border-border p-4 w-full'>
+          <div className='fixed bottom-0 left-0 right-0 z-50 bg-white dark:bg-container border-t border-border p-4 w-full'>
             <div className='flex justify-between items-center gap-4'>
               <div className='flex flex-col'>
-                <div className='text-xs text-gray-400'>{t('PayableAmountLabel')}</div>
-                <div className='text-sm mt-2 font-semibold'>{formatPrice(totalPrice)} تومان</div>
+                <div className='text-xs text-gray-400 dark:text-disabled-text'>{t('PayableAmountLabel')}</div>
+                <div className='text-sm mt-2 font-semibold dark:text-foreground'>{formatPrice(totalPrice)} تومان</div>
               </div>
 
               {isPremium && (

src/app/[name]/(Dialogs)/cart/page.tsx

@@ -107,7 +107,7 @@ const CartIndex = () => {
               <div className='mb-4 bg-container rounded-container p-4 border border-border shadow-sm'>
                 <div className='flex items-start gap-3 mb-4'>
                   <div className='shrink-0 mt-0.5'>
-                    <NotificationBellIcon width={24} height={24} className="text-primary" />
+                    <NotificationBellIcon width={24} height={24} className="currentColor" />
                   </div>
                   <div className='flex-1'>
                     <p className='text-sm font-medium text-foreground mb-1'>