beggin/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 切换暗色主题时 meta theme-color不会被修改的问题

Browse Source
This commit is contained in:
21 Guns
2026-07-13 16:06:43 +08:00
parent ba14074509
commit c7766edb01
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/ThemeIcon.astro
View File

@@ -54,12 +54,12 @@
if (theme === 'light') { if (theme === 'light') {
document.documentElement.classList.remove('dark'); document.documentElement.classList.remove('dark');
meta.setAttribute('content', '#ffffff');
} else { } else {
document.documentElement.classList.add('dark'); document.documentElement.classList.add('dark');
meta.setAttribute('content', '#0a0a0a');
} }
meta.setAttribute('content', theme === 'dark' ? '#0a0a0a' : '#ffffff');
window.localStorage.setItem('theme', theme); window.localStorage.setItem('theme', theme);
const handleToggleClick = () => { const handleToggleClick = () => {
@@ -67,6 +67,7 @@
element.classList.toggle("dark"); element.classList.toggle("dark");
const isDark = element.classList.contains("dark"); const isDark = element.classList.contains("dark");
meta.setAttribute('content', isDark ? '#0a0a0a' : '#ffffff');
localStorage.setItem("theme", isDark ? "dark" : "light"); localStorage.setItem("theme", isDark ? "dark" : "light");
} }