From 8a0baa02c3afeaba46317c1e947ffa09f9f279ef Mon Sep 17 00:00:00 2001 From: RKWojs Date: Thu, 25 Sep 2025 09:03:13 +0200 Subject: [PATCH] fix: Refine theme initialization logic to respect saved preferences and system color scheme --- src/components/ThemeProvider.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/components/ThemeProvider.js b/src/components/ThemeProvider.js index 7091487..b42ce2d 100644 --- a/src/components/ThemeProvider.js +++ b/src/components/ThemeProvider.js @@ -10,11 +10,14 @@ export function ThemeProvider({ children }) { useEffect(() => { // Check for saved theme preference or default to light mode const savedTheme = localStorage.getItem('theme'); - const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; - if (savedTheme === 'dark' || (!savedTheme && prefersDark)) { + if (savedTheme === 'dark') { setIsDark(true); document.documentElement.classList.add('dark'); + } else { + // Always default to light mode if no preference is saved + setIsDark(false); + document.documentElement.classList.remove('dark'); } }, []);