Skip to content

Commit 98969ed

Browse files
Merge pull request #6 from bchainhub/update/contrib-06
Fix theme storage
2 parents 29cba9b + ea6fc42 commit 98969ed

File tree

1 file changed

+7
-5
lines changed

1 file changed

+7
-5
lines changed

src/lib/components/Header.svelte

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
let lastScrollTop = 0;
1515
let isNavHidden = false;
1616
let dropdownOpen = false;
17-
let theme = defaultMode || 'system';
17+
let theme = respectPrefersColorScheme ? 'system' : defaultMode;
1818
1919
const menuItems = [
2020
...(config?.themeConfig?.navbar?.authItems ?? []),
@@ -90,6 +90,8 @@
9090
document.documentElement.setAttribute('data-theme', theme);
9191
}
9292
localStorage.setItem('theme', theme);
93+
} else {
94+
localStorage.setItem('theme', theme);
9395
}
9496
};
9597
@@ -110,11 +112,11 @@
110112
};
111113
112114
onMount(() => {
113-
if (typeof window !== 'undefined') {
114-
const storedTheme = localStorage.getItem('theme') || defaultMode || (respectPrefersColorScheme ? 'system' : 'light');
115-
theme = storedTheme;
116-
applyTheme();
115+
const storedTheme = localStorage.getItem('theme') || (respectPrefersColorScheme ? 'system' : defaultMode);
116+
theme = storedTheme;
117+
applyTheme();
117118
119+
if (typeof window !== 'undefined') {
118120
window.addEventListener('scroll', handleScroll);
119121
document.addEventListener('click', handleClickOutside);
120122
}

0 commit comments

Comments
 (0)