Theme bug fixed 2

2024-07-16 22:54:55 +08:00 · 2024-07-16 22:54:55 +08:00 · b71b89ae26
parent f45e0be4de
commit b71b89ae26
1 changed files with 3 additions and 0 deletions
--- a/src/components/Theme/ThemePrivider.tsx
+++ b/src/components/Theme/ThemePrivider.tsx
@ -68,6 +68,9 @@ export function ThemeProvider({
  useEffect(() => {
    if (activeTheme && activeTheme !== "system") {
      setTheme(activeTheme);
+    } else {
+      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      mediaQuery.matches ? setTheme("dark") : setTheme("light");
    }
    localStorage.setItem(storageKey, activeTheme || "system");
  }, [activeTheme]);