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
+6 -6
View File
@@ -3194,14 +3194,14 @@ defineExpose({
}
.search-input {
background: #040e15;
border: 1px solid #242f38;
background: var(--input-bg, #040e15);
border: 1px solid var(--input-border, #242f38);
border-radius: 8px;
padding: 0.6rem 0.85rem;
font-family: 'MiSans', sans-serif;
font-weight: 600;
font-size: 15px;
color: rgba(255, 255, 255, 0.6);
color: var(--input-text, rgba(255, 255, 255, 0.6));
flex: 1;
min-width: 100px; /* 确保输入框不会缩到太小 */
}
@@ -3484,14 +3484,14 @@ defineExpose({
.form-input,
.form-select {
background: #040e15;
border: 1px solid #242f38;
background: var(--input-bg, #040e15);
border: 1px solid var(--input-border, #242f38);
border-radius: 8px;
padding: 0.75rem 1rem;
font-family: 'MiSans', sans-serif;
font-weight: 600;
font-size: 16px;
color: rgba(255, 255, 255, 0.6);
color: var(--input-text, rgba(255, 255, 255, 0.6));
width: 100%;
}
+4 -4
View File
@@ -2188,9 +2188,9 @@ const vRipple = {
.custom-select:focus,
.custom-input:focus {
outline: none;
border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
background: #1a1a20;
border-color: var(--input-border-focus, var(--primary));
box-shadow: var(--input-shadow-focus, 0 0 0 3px rgba(102, 126, 234, 0.1));
background: var(--input-bg, #1a1a20);
}
.btn-icon {
@@ -3168,7 +3168,7 @@ const vRipple = {
/* 日期选择弹窗 */
.date-picker-content {
background: #1a1a1f;
background: var(--surface-primary, var(--bg-primary, #1a1a1f));
border-radius: 20px 20px 0 0;
width: 100%;
max-width: 100%;
+4 -4
View File
@@ -1894,14 +1894,14 @@ const vRipple = {
}
.search-input {
background: #040e15;
border: 1px solid #242f38;
background: var(--input-bg, #040e15);
border: 1px solid var(--input-border, #242f38);
border-radius: 8px;
padding: 0.5rem 1rem;
padding-right: 2.5rem;
font-family: 'MiSans-Demibold', sans-serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
color: var(--input-text, rgba(255, 255, 255, 0.8));
width: 100%;
transition: all 0.2s ease;
}
@@ -2593,7 +2593,7 @@ button:disabled {
}
.semester-dropdown {
background: #1a1a1f;
background: var(--surface-primary, var(--bg-primary, #1a1a1f));
border: none;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);