From 5b1532b86d5e5f10c9e17da0dba82a24c2c9df63 Mon Sep 17 00:00:00 2001 From: Haelnorr Date: Thu, 13 Feb 2025 10:48:29 +1100 Subject: [PATCH] Fixed theme selector incorrectly showing dark mode on first visit --- view/layout/global.templ | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/view/layout/global.templ b/view/layout/global.templ index 25dd4e4..e923a14 100644 --- a/view/layout/global.templ +++ b/view/layout/global.templ @@ -11,7 +11,7 @@ templ Global() { lang="en" x-data="{ theme: localStorage.getItem('theme') - || localStorage.setItem('theme', 'system')}" + || 'system'}" x-init="$watch('theme', (val) => localStorage.setItem('theme', val))" x-bind:class="{'dark': theme === 'dark' || (theme === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)}"