amiirkhl/my-protfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(theme): default to light when no preference is saved

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-09-07 22:07:12 +03:30
parent c4e8426db5
commit e635e201a0
2 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/layout.tsx
View File

@@ -19,8 +19,7 @@ const themeScript = `
document.documentElement.dataset.siteLoading = 'true'; document.documentElement.dataset.siteLoading = 'true';
try { try {
const savedTheme = localStorage.getItem('portfolio-theme'); const savedTheme = localStorage.getItem('portfolio-theme');
const systemTheme = matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; document.documentElement.dataset.theme = savedTheme === 'dark' ? 'dark' : 'light';
document.documentElement.dataset.theme = savedTheme || systemTheme;
} catch {} } catch {}
`; `;

5
src/context/ThemeContext.tsx
View File

@@ -21,10 +21,7 @@ export const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ childre
useEffect(() => { useEffect(() => {
const savedTheme = localStorage.getItem('portfolio-theme') as Theme | null; const savedTheme = localStorage.getItem('portfolio-theme') as Theme | null;
const systemTheme: Theme = window.matchMedia('(prefers-color-scheme: dark)').matches const initialTheme: Theme = savedTheme === 'dark' ? 'dark' : 'light';
? 'dark'
: 'light';
const initialTheme = savedTheme || systemTheme;
setThemeState(initialTheme); setThemeState(initialTheme);
document.documentElement.setAttribute('data-theme', initialTheme); document.documentElement.setAttribute('data-theme', initialTheme);
}, []); }, []);