Set default system mode as initial state

harness · Nov 26, 2024 · b7a4a4b · b7a4a4b
1 parent 8dd515a
commit b7a4a4b
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/apps/gitness/src/framework/context/ThemeContext.tsx b/apps/gitness/src/framework/context/ThemeContext.tsx
@@ -27,11 +27,9 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) {
     setTheme: state.setTheme
   }))
 
-  const [systemMode, setSystemMode] = useState<ModeType>(ModeType.Dark)
+  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
+  const [systemMode, setSystemMode] = useState<ModeType>(mediaQuery.matches ? ModeType.Dark : ModeType.Light)
   useEffect(() => {
-    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
-    setSystemMode(mediaQuery.matches ? ModeType.Dark : ModeType.Light)
-
     const updateSystemTheme = () => {
       setSystemMode(mediaQuery.matches ? ModeType.Dark : ModeType.Light)
     }