fix(ui): 彻底修复深浅色主题切换及内部页面样式
- 恢复 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:
@@ -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%;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user