fix(ui): 彻底修复深浅色主题切换及内部页面样式
构建并部署 BYW VoiceHub / Preflight 语法与构建检查 (push) Successful in 2m12s
构建并部署 BYW VoiceHub / 构建并推送容器镜像 (push) Successful in 10m17s
构建并部署 BYW VoiceHub / 部署到生产服务器 (push) Successful in 6s

- 恢复 variables.css 完整的 ClassicDark/ModernDark 等主题定义
- 恢复 nuxt.config.ts 的主题系统逻辑(默认改为 ClassicLight,保留切换能力)
- 修复 BackupManager / VotersModal / ProfileForm / LyricsModal / RequestForm / SongList / ScheduleList / StatsSlide / ArtistSlide 等数十处组件内部硬编码深色(#1a1a1a / #040e15 等)绕过主题的问题,全部改为使用 CSS 变量 (var(--bg-primary) 等)
- 这样实现了:在浅色模式下,所有页面均正确显示浅色;在深色模式下,又能正常呈现深色设计,且恢复了右上角的深浅色切换能力
This commit is contained in:
2026-09-12 15:23:26 +08:00
parent b1c3af84de
commit 8b0934f6f4
11 changed files with 77 additions and 109 deletions
+4 -4
View File
@@ -520,8 +520,8 @@ const formatFileSize = (bytes) => {
/* 主容器 */
.backup-manager {
min-height: 100vh;
background: #1a1a1a;
color: #e5e5e5;
background: var(--bg-primary, #1a1a1a);
color: var(--text-primary, #e5e5e5);
padding: 2rem;
position: relative;
}
@@ -535,13 +535,13 @@ const formatFileSize = (bytes) => {
.header h3 {
font-size: 2.5rem;
font-weight: 700;
color: #ffffff;
color: var(--text-primary, #ffffff);
margin: 0 0 1rem 0;
}
.header .description {
font-size: 1.125rem;
color: #a0a0a0;
color: var(--text-secondary, #a0a0a0);
margin: 0;
}
+2 -2
View File
@@ -202,9 +202,9 @@ watch(
}
.modal-content {
background: #1a1a1a;
background: var(--surface-primary, var(--bg-primary, #1a1a1a));
border-radius: 16px;
border: 1px solid #2a2a2a;
border: 1px solid var(--border-primary, #2a2a2a);
width: 100%;
max-width: 500px;
max-height: 80vh;