Update theme.context.tsx

ChurroC · Mar 11, 2024 · 12c9899 · 12c9899
1 parent 1708c78
commit 12c9899
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/util/contexts/theme/theme.context.tsx b/src/util/contexts/theme/theme.context.tsx
@@ -31,10 +31,9 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) {
     // Runs once on the client and uses reference to current theme to check if "system" and based of "prefers-color-scheme" add dark to body
     useEffect(() => {
         function themeChange({ matches }: MediaQueryListEventInit) {
-            if (matches && refTheme.current === "system") {
-                document.documentElement.classList.add("dark");
-            } else {
-                document.documentElement.classList.remove("dark");
+            if (refTheme.current === "system") {
+                if (matches) document.documentElement.classList.add("dark")
+                else document.documentElement.classList.remove("dark");
             }
         }