Update themeHandler.ts

docs/.vitepress/theme/themes/themeHandler.ts

@@ -40,7 +40,7 @@ export class ThemeHandler {
     // Load saved preferences
     const savedTheme = localStorage.getItem(STORAGE_KEY_THEME) || 'christmas'
     const savedMode = localStorage.getItem(STORAGE_KEY_MODE) as DisplayMode | null
-    const savedAmoledPref = localStorage.getItem(STORAGE_KEY_AMOLED)
+    const savedAmoled = localStorage.getItem(STORAGE_KEY_AMOLED) === 'true'
 
     // Set theme
     if (themeRegistry[savedTheme]) {
@@ -49,7 +49,7 @@ export class ThemeHandler {
     }
 
     // Set amoled preference
-    this.amoledEnabled.value = savedAmoledPref === null ? true : savedAmoledPref === 'true'
+    this.amoledEnabled.value = savedAmoled
 
     // Set mode
     if (savedMode) {
@@ -60,7 +60,6 @@ export class ThemeHandler {
       this.state.value.currentMode = prefersDark ? 'dark' : 'light'
     }
 
-
     this.applyTheme()
 
     // Listen for system theme changes (only if user hasn't set a preference)
@@ -68,9 +67,6 @@ export class ThemeHandler {
       if (!localStorage.getItem(STORAGE_KEY_MODE)) {
         this.state.value.currentMode = e.matches ? 'dark' : 'light'
         this.applyTheme()
-      } 
-	  else {
-        this.applyTheme()
       }
     })
   }
@@ -103,11 +99,6 @@ export class ThemeHandler {
     if (mode === 'dark') {
       root.classList.add('dark')
     }
-
-    // Remove amoled class if current mode is not 'dark'
-    if (mode !== 'dark') {
-      root.classList.remove('amoled')
-    }
   }
 
   private applyCSSVariables(colors: ModeColors, theme: Theme) {
@@ -383,7 +374,7 @@ export function useTheme() {
 
   onMounted(() => {
     // Ensure theme is applied on mount
-    handler.applyTheme()
+    handler.setMode(handler.getMode())
   })
 
   return {