refactor(theme): fix theme consistency and persistence

- Apply server-side theme rendering to authenticated pages - bookshelf.templ: use dynamic theme-{ user.Theme } - admin pages: use dynamic theme rendering - Add progressive enhancement for public pages - index.templ, login.templ, register.templ: inline localStorage check - Prevents theme flash on page load - Consolidate wood theme logic into theme.ts - Move wood gradient handling from header.ts to theme.ts - Apply wood themes consistently via applyTheme() - Export applyTheme to window for use by header.ts - Fix theme selector by adding theme.js to header template
2026-02-24 10:25:06 -05:00
parent 4be69861bd
commit 7a420ef975
6 changed files with 75 additions and 41 deletions
@@ -13,6 +13,15 @@ templ Login(sessionExpired bool, deleted bool) {
        <link href="/static/style.css" rel="stylesheet">
    </head>
    <body class="theme-tokyo-night min-h-screen">
+        <script>
+          // Progressive enhancement: check localStorage immediately
+          (function() {
+            const savedTheme = localStorage.getItem('theme');
+            if (savedTheme && savedTheme !== 'tokyo-night') {
+              document.body.className = 'theme-' + savedTheme + ' min-h-screen';
+            }
+          })();
+        </script>
        <div class="container mx-auto px-4 py-8 max-w-md">
            <div class="flex justify-between items-center mb-8">
                <h1 class="text-3xl font-bold">Login to Bookhoard</h1>