🐛 修复亮色主题下按钮不可见问题

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

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-27 23:42:52 +08:00
parent 39d5e37c2c
commit de871c1f8d

View File

@@ -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; }