fix(ui): 适配歌曲卡片、日期选择器、平台按钮及搜索占位图的浅色主题
- 修复 SongList/ScheduleList 投稿人、热度、投稿时间文字对比度,统一引用 --text-secondary 主题变量 - 重构 CustomSelect 通用组件为浅色底 + indigo 主色系,适配前台投稿页日期选择 - 调整 RequestForm 平台按钮三态配色,激活态使用 indigo 渐变保持主题统一 - 重写 search.svg 全部 19 个 path fill 为深灰系列,解决浅色背景下占位图不可见问题
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
/* 音源状态显示 */
|
||||
|
||||
Reference in New Issue
Block a user