fix(ui): 适配歌曲卡片、日期选择器、平台按钮及搜索占位图的浅色主题

- 修复 SongList/ScheduleList 投稿人、热度、投稿时间文字对比度,统一引用 --text-secondary 主题变量
- 重构 CustomSelect 通用组件为浅色底 + indigo 主色系,适配前台投稿页日期选择
- 调整 RequestForm 平台按钮三态配色,激活态使用 indigo 渐变保持主题统一
- 重写 search.svg 全部 19 个 path fill 为深灰系列,解决浅色背景下占位图不可见问题
This commit is contained in:
2026-09-18 22:48:14 +08:00
parent 43f05a6e34
commit 8a82cb77a7
5 changed files with 75 additions and 71 deletions
+11 -9
View File
@@ -3783,28 +3783,30 @@ defineExpose({
}
.platform-btn {
background: rgba(255, 255, 255, 0.08);
border: 1px solid var(--border-primary);
border-radius: 8px;
background: var(--bg-secondary, #f4f4f5);
border: 1px solid var(--border-secondary, #e4e4e7);
border-radius: 10px;
padding: 0.45rem 0.85rem;
font-family: 'MiSans', sans-serif;
font-weight: 600;
font-size: 13px;
color: var(--text-tertiary);
color: var(--text-secondary, #52525b);
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}
.platform-btn.active {
background: linear-gradient(180deg, var(--bg-secondary, #0043f8) 0%, #0075f8 100%);
border-color: rgba(255, 255, 255, 0.16);
color: var(--text-primary, #ffffff);
background: linear-gradient(180deg, var(--primary, #4f46e5) 0%, #6366f1 100%);
border-color: rgba(79, 70, 229, 0.4);
color: #ffffff;
box-shadow: 0 2px 8px rgba(79, 70, 229, 0.2);
}
.platform-btn:hover:not(.active) {
background: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8);
background: var(--bg-tertiary, #e4e4e7);
color: var(--text-primary, #09090b);
border-color: var(--border-primary, #d4d4d8);
}
/* 音源状态显示 */