diff --git a/src/app/layout.tsx b/src/app/layout.tsx index c584f72..5bb5a79 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -19,8 +19,7 @@ const themeScript = ` document.documentElement.dataset.siteLoading = 'true'; try { const savedTheme = localStorage.getItem('portfolio-theme'); - const systemTheme = matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; - document.documentElement.dataset.theme = savedTheme || systemTheme; + document.documentElement.dataset.theme = savedTheme === 'dark' ? 'dark' : 'light'; } catch {} `; diff --git a/src/context/ThemeContext.tsx b/src/context/ThemeContext.tsx index 3025781..3e1b7f6 100644 --- a/src/context/ThemeContext.tsx +++ b/src/context/ThemeContext.tsx @@ -21,10 +21,7 @@ export const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ childre useEffect(() => { const savedTheme = localStorage.getItem('portfolio-theme') as Theme | null; - const systemTheme: Theme = window.matchMedia('(prefers-color-scheme: dark)').matches - ? 'dark' - : 'light'; - const initialTheme = savedTheme || systemTheme; + const initialTheme: Theme = savedTheme === 'dark' ? 'dark' : 'light'; setThemeState(initialTheme); document.documentElement.setAttribute('data-theme', initialTheme); }, []);