diff --git a/src/components/ThemeIcon.astro b/src/components/ThemeIcon.astro index 2371e30..4f84c41 100644 --- a/src/components/ThemeIcon.astro +++ b/src/components/ThemeIcon.astro @@ -54,12 +54,12 @@ if (theme === 'light') { document.documentElement.classList.remove('dark'); + meta.setAttribute('content', '#ffffff'); } else { document.documentElement.classList.add('dark'); + meta.setAttribute('content', '#0a0a0a'); } - meta.setAttribute('content', theme === 'dark' ? '#0a0a0a' : '#ffffff'); - window.localStorage.setItem('theme', theme); const handleToggleClick = () => { @@ -67,6 +67,7 @@ element.classList.toggle("dark"); const isDark = element.classList.contains("dark"); + meta.setAttribute('content', isDark ? '#0a0a0a' : '#ffffff'); localStorage.setItem("theme", isDark ? "dark" : "light"); }