From 60f42bd52af00376c35e46792144f2166ba22dfd Mon Sep 17 00:00:00 2001 From: radishzzz Date: Thu, 23 Jan 2025 12:26:00 +0000 Subject: [PATCH] fix: theme toggle error --- src/components/ThemeToggle.astro | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro index 1ab826e..409a4b2 100644 --- a/src/components/ThemeToggle.astro +++ b/src/components/ThemeToggle.astro @@ -20,15 +20,18 @@ document.startViewTransition(switchTheme) } - // Synchronize theme status + // Sync theme state function syncTheme() { const theme = localStorage.getItem('theme') document.documentElement.classList.toggle('dark', theme === 'dark') themeToggle.setAttribute('aria-pressed', String(theme === 'dark')) } + // Event listeners themeToggle.addEventListener('click', toggleTheme) document.addEventListener('astro:after-swap', syncTheme) + window.addEventListener('popstate', syncTheme) + document.addEventListener('DOMContentLoaded', syncTheme)