fix(ui): 适配歌曲卡片、日期选择器、平台按钮及搜索占位图的浅色主题
- 修复 SongList/ScheduleList 投稿人、热度、投稿时间文字对比度,统一引用 --text-secondary 主题变量 - 重构 CustomSelect 通用组件为浅色底 + indigo 主色系,适配前台投稿页日期选择 - 调整 RequestForm 平台按钮三态配色,激活态使用 indigo 渐变保持主题统一 - 重写 search.svg 全部 19 个 path fill 为深灰系列,解决浅色背景下占位图不可见问题
This commit is contained in:
@@ -2777,14 +2777,14 @@ const vRipple = {
|
||||
font-family: 'MiSans', sans-serif;
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
color: var(--text-secondary, #52525b);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* 重播申请人数样式 */
|
||||
.replay-requester {
|
||||
/* 使用和普通投稿人相同的颜色 */
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
color: var(--text-secondary, #52525b);
|
||||
font-weight: normal;
|
||||
cursor: help;
|
||||
}
|
||||
@@ -2824,8 +2824,8 @@ const vRipple = {
|
||||
font-family: 'MiSans', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
color: var(--text-primary);
|
||||
opacity: 0.4;
|
||||
color: var(--text-secondary, #52525b);
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
/* ==================== 移动端设计 ==================== */
|
||||
@@ -3124,7 +3124,7 @@ const vRipple = {
|
||||
|
||||
.requester {
|
||||
font-size: 12px;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
color: var(--text-secondary, #52525b);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@@ -3140,7 +3140,7 @@ const vRipple = {
|
||||
.vote-count .label {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
color: var(--text-secondary, #52525b);
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user