🐛 Fix theme selector behavior

Open-Webtoon-Reader · Jun 29, 2024 · 4c4e18f · 4c4e18f
1 parent 23a8d57
commit 4c4e18f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/ThemeSwitcher.vue b/components/ThemeSwitcher.vue
@@ -3,14 +3,14 @@ const colorMode = useColorMode();
 const theme = computed(_ => {
     switch (colorMode.preference){
         case "system":
-            return window?.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+            return window?.matchMedia("[preferred-color-scheme: dark]") ? "dark" : "light";
         default:
             return colorMode.preference;
     }
 });
 
 function toggleTheme(){
-    colorMode.preference = colorMode.preference === "dark" ? "light" : "dark";
+    colorMode.preference = theme.value === "light" ? "dark" : "light";
 }
 </script>