diff options
Diffstat (limited to 'themes/danix-xyz-hacker/layouts/partials/header.html')
| -rw-r--r-- | themes/danix-xyz-hacker/layouts/partials/header.html | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/themes/danix-xyz-hacker/layouts/partials/header.html b/themes/danix-xyz-hacker/layouts/partials/header.html index 7f99748..ec12b52 100644 --- a/themes/danix-xyz-hacker/layouts/partials/header.html +++ b/themes/danix-xyz-hacker/layouts/partials/header.html @@ -48,8 +48,15 @@ <!-- Theme toggle button --> <button id="theme-toggle" - x-data="{ theme: localStorage.getItem('theme') || 'dark' }" - @click="theme = theme === 'dark' ? 'light' : 'dark'; document.documentElement.className = 'theme-' + theme; localStorage.setItem('theme', theme)" + x-data="{ + theme: document.documentElement.classList.contains('theme-light') ? 'light' : 'dark', + toggle() { + this.theme = this.theme === 'dark' ? 'light' : 'dark'; + document.documentElement.className = 'theme-' + this.theme; + localStorage.setItem('theme', this.theme); + } + }" + @click="toggle()" aria-label="{{ i18n "toggleTheme" }}" class="p-2 rounded hover:bg-surface transition-colors" > |