From 1eafaee2c0c621a37461abebaa818e738bcf3829 Mon Sep 17 00:00:00 2001
From: Ahmed Al-Taiar <ahmed.altaiar.06@gmail.com>
Date: Thu, 10 Oct 2024 14:09:09 -0400
Subject: [PATCH] Follow system color scheme by default instead of light

---
 web/src/components/ThemeToggle/ThemeToggle.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/components/ThemeToggle/ThemeToggle.tsx b/web/src/components/ThemeToggle/ThemeToggle.tsx
index 0b55cc0..679744f 100644
--- a/web/src/components/ThemeToggle/ThemeToggle.tsx
+++ b/web/src/components/ThemeToggle/ThemeToggle.tsx
@@ -8,7 +8,10 @@ const DARK_THEME = 'dark'
 
 const ThemeToggle = () => {
   const [theme, setTheme] = useState(
-    localStorage.getItem('theme') ?? LIGHT_THEME
+    (localStorage.getItem('theme') ??
+      window.matchMedia('(prefers-color-scheme: dark)').matches)
+      ? DARK_THEME
+      : LIGHT_THEME
   )
 
   const handleToggle = (e: React.ChangeEvent<HTMLInputElement>) => {