fix: theme toggle

Author: izadoesdev

apps/dashboard/components/layout/theme-toggle.tsx

@@ -35,23 +35,23 @@ export function ThemeToggle({ className }: ThemeTogglerProps) {
 		>
 			<SunIcon
 				className={cn(
-					'h-5 w-5 transition-all duration-300',
+					'h-5 w-5 transition-all duration-300 not-dark:text-primary',
 					theme === 'light' ? 'scale-100 rotate-0' : 'scale-0 -rotate-90'
 				)}
 				size={32}
 				weight="duotone"
 			/>
 			<MoonIcon
 				className={cn(
-					'absolute h-5 w-5 transition-all duration-300',
+					'absolute h-5 w-5 transition-all duration-300 not-dark:text-primary',
 					theme === 'dark' ? 'scale-100 rotate-0' : 'scale-0 rotate-90'
 				)}
 				size={32}
 				weight="duotone"
 			/>
 			<MonitorIcon
 				className={cn(
-					'absolute h-5 w-5 transition-all duration-300',
+					'absolute h-5 w-5 transition-all duration-300 not-dark:text-primary',
 					theme === 'system' ? 'scale-100 rotate-0' : 'scale-0 rotate-90'
 				)}
 				size={32}