From 899914d0a0e4db8a44435770e5d2c427f13656d1 Mon Sep 17 00:00:00 2001
From: "feifei.xu" <307327147@qq.com>
Date: Sun, 15 Mar 2026 07:55:29 +0800
Subject: [PATCH] fix: dark mode toggle not working - Tailwind requires
 class=dark

---
 app/templates/base.html | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/app/templates/base.html b/app/templates/base.html
index 51135f7..f62767b 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -70,17 +70,29 @@
     
     {# 主题切换脚本 #}
     <script>
-        // 初始化主题
+        // 初始化主题 - Tailwind darkMode: 'class' 需要 class="dark"
         const savedTheme = localStorage.getItem('theme') || 'light';
-        document.documentElement.setAttribute('data-theme', savedTheme);
+        applyTheme(savedTheme);
+        
+        // 应用主题
+        function applyTheme(theme) {
+            const html = document.documentElement;
+            if (theme === 'dark') {
+                html.classList.add('dark');
+                html.setAttribute('data-theme', 'dark');
+            } else {
+                html.classList.remove('dark');
+                html.setAttribute('data-theme', 'light');
+            }
+        }
         
         // 主题切换函数
         function toggleTheme() {
             const html = document.documentElement;
-            const current = html.getAttribute('data-theme');
-            const next = current === 'light' ? 'dark' : 'light';
+            const isDark = html.classList.contains('dark');
+            const next = isDark ? 'light' : 'dark';
             
-            html.setAttribute('data-theme', next);
+            applyTheme(next);
             localStorage.setItem('theme', next);
         }