From 265b5bf4181a8470710936a6a0834fb51a69be9f Mon Sep 17 00:00:00 2001
From: yuyx <237899745@qq.com>
Date: Thu, 27 Nov 2025 23:33:19 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=E4=BA=AE?=
 =?UTF-8?q?=E8=89=B2=E4=B8=BB=E9=A2=98=E4=B8=8B=E5=AF=BC=E8=88=AA=E6=A0=8F?=
 =?UTF-8?q?=E7=AD=89=E7=BB=84=E4=BB=B6=E7=9A=84=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加亮色主题导航栏样式覆盖（白色半透明背景）
- 修复导航项悬停效果在亮色主题下的显示
- 修复用户信息区域的亮色主题样式
- 添加卡片、表格、模态框、输入框的亮色主题样式

这个修复解决了亮色主题下导航栏变黑、文字不可见的问题。

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/app.html | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/frontend/app.html b/frontend/app.html
index 0370b61..262e9ec 100644
--- a/frontend/app.html
+++ b/frontend/app.html
@@ -154,6 +154,49 @@
         linear-gradient(135deg, #e0e7ff 0%, #f0f4f8 50%, #fdf2f8 100%);
     }
 
+    /* 亮色主题导航栏 */
+    body.light-theme .navbar {
+      background: rgba(255, 255, 255, 0.85);
+      border-bottom: 1px solid rgba(102, 126, 234, 0.15);
+    }
+
+    body.light-theme .nav-item:hover {
+      background: rgba(102, 126, 234, 0.1);
+    }
+
+    body.light-theme .user-info {
+      background: rgba(102, 126, 234, 0.08);
+      border-color: rgba(102, 126, 234, 0.2);
+    }
+
+    /* 亮色主题卡片 */
+    body.light-theme .card {
+      background: rgba(255, 255, 255, 0.7);
+      box-shadow: 0 8px 32px rgba(102, 126, 234, 0.1);
+    }
+
+    /* 亮色主题表格 */
+    body.light-theme table tr:hover {
+      background: rgba(102, 126, 234, 0.05);
+    }
+
+    /* 亮色主题模态框 */
+    body.light-theme .modal-content {
+      background: rgba(255, 255, 255, 0.95);
+      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
+    }
+
+    /* 亮色主题输入框 */
+    body.light-theme .form-input {
+      background: rgba(255, 255, 255, 0.8);
+      border-color: rgba(102, 126, 234, 0.2);
+    }
+
+    body.light-theme .form-input:focus {
+      background: rgba(255, 255, 255, 0.95);
+      border-color: var(--accent-1);
+    }
+
     /* 防止 Vue 初始化前显示原始模板 */
     [v-cloak] { display: none !important; }