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'); } }, []);