From de871c1f8d09c611dcf20412bb14a565680960b2 Mon Sep 17 00:00:00 2001
From: yuyx <237899745@qq.com>
Date: Thu, 27 Nov 2025 23:42:52 +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=E6=8C=89=E9=92=AE=E4=B8=8D?=
 =?UTF-8?q?=E5=8F=AF=E8=A7=81=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加 .btn-secondary 亮色主题样式（蓝色半透明背景）
- 添加 .btn-icon 亮色主题样式
- 修复管理员设置页面全局主题按钮显示问题

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

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

diff --git a/frontend/app.html b/frontend/app.html
index 8b63a1c..63e2afb 100644
--- a/frontend/app.html
+++ b/frontend/app.html
@@ -211,6 +211,26 @@
       border-color: var(--accent-1);
     }
 
+    /* 亮色主题按钮 */
+    body.light-theme .btn-secondary {
+      background: rgba(102, 126, 234, 0.1);
+      border-color: rgba(102, 126, 234, 0.3);
+      color: #1a1a2e;
+    }
+
+    body.light-theme .btn-secondary:hover {
+      background: rgba(102, 126, 234, 0.2);
+      border-color: rgba(102, 126, 234, 0.5);
+    }
+
+    body.light-theme .btn-icon {
+      color: #1a1a2e;
+    }
+
+    body.light-theme .btn-icon:hover {
+      background: rgba(102, 126, 234, 0.1);
+    }
+
     /* 防止 Vue 初始化前显示原始模板 */
     [v-cloak] { display: none !important; }