optimization: detecting default os theme (#20)

prathameshbelurkar · Jul 1, 2024 · cd42ccb · cd42ccb
1 parent 58b5667
commit cd42ccb
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/context/DarkModeContext.jsx b/src/context/DarkModeContext.jsx
@@ -5,7 +5,10 @@ import { useLocalStorageState } from "../hooks/useLocalStorageState";
 const DarkModeContext = createContext();
 
 function DarkModeProvider({ children }) {
-  const [isDarkMode, setIsDarkMode] = useLocalStorageState(false, "isDarkMode");
+  const [isDarkMode, setIsDarkMode] = useLocalStorageState(
+    window.matchMedia("(prefers-color-scheme: dark)").matches,
+    "isDarkMode"
+  );
 
   useEffect(
     function () {