style: ajust dark theme

src/atoms/settings.ts

@@ -3,19 +3,25 @@ import { atomWithStorage } from 'jotai/utils';
 
 type UserSettings = {
   theme: 'light' | 'realDark' | 'auto';
+  isDarkTheme?: boolean;
 };
 
 export const userSettingsAtom = atomWithStorage<UserSettings>('userSettings', {
-  theme: 'light'
+  theme: 'light',
+  isDarkTheme: false
 });
 
 export const userSettingsHelperAtom = atom(
   (get) => get(userSettingsAtom),
   (get, set, update: Partial<UserSettings>) => {
     const prev = get(userSettingsAtom);
-    set(userSettingsAtom, {
+    const newSettings = {
       ...prev,
       ...(update || {})
+    };
+    set(userSettingsAtom, {
+      ...newSettings,
+      isDarkTheme: newSettings.theme === 'realDark'
     });
   }
 );