From cd42ccb6e79eabf20ded1c5eb0610f094f8edbd6 Mon Sep 17 00:00:00 2001
From: Prathamesh Belurkar
 <76102350+prathameshbelurkar@users.noreply.github.com>
Date: Mon, 1 Jul 2024 08:28:29 +0530
Subject: [PATCH] optimization: detecting default os theme (#20)

---
 src/context/DarkModeContext.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/context/DarkModeContext.jsx b/src/context/DarkModeContext.jsx
index a71c483..c258142 100644
--- 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 () {