fix(v1.9.5): 大屏浅色主题配色修复(标签/KPI/热力/TOP/待打)
build / build-and-test (push) Successful in 3m53s

- 大屏原为纯深色设计,浅色主题下沿用深色文字变量导致浅字贴白底
- 为浅色主题补齐 .scr 的 --bg/--surface/--line/--muted/--ink 变量,并显式覆盖:标签页、热力格日期与计数、KPI 标签与单位、TOP 榜与今日待打、页脚与说明
- 选中标签保持墨绿渐变白字,其它标签白底深字带描边
- 仍为 v1.9.5,仅前端样式
This commit is contained in:
subtrack
2026-10-20 01:08:14 +08:00
parent 3eb7d32fa9
commit d76c5e3a54
+56
View File
@@ -466,3 +466,59 @@ body::before {
.heat-cell.out { opacity: .45 !important; } .heat-cell.out { opacity: .45 !important; }
.heat-cell.past { opacity: .75 !important; } .heat-cell.past { opacity: .75 !important; }
.heat-legend { margin-top: 6px; color: var(--muted); } .heat-legend { margin-top: 6px; color: var(--muted); }
/* ---------- v1.9.5:大屏浅色主题配色修复 ---------- */
:root[data-theme="light"] .scr,
:root[data-bs-theme="light"] .scr {
--bg: #f2f7f4;
--surface: #ffffff;
--surface-2: #eaf1ed;
--line: #d7e3dc;
--line-2: #c6d8cf;
--muted: #55705f;
--ink: #0f241d;
--ink-2: #27453a;
--accent: #16543f;
--accent-2: #1d7a58;
color: #0f241d;
}
:root[data-theme="light"] .scr a,
:root[data-bs-theme="light"] .scr a { color: #16543f; }
:root[data-theme="light"] .scr em,
:root[data-theme="light"] .scr small,
:root[data-theme="light"] .scr .sub,
:root[data-theme="light"] .scr .meta,
:root[data-theme="light"] .scr .unit,
:root[data-theme="light"] .scr .panel-sub,
:root[data-theme="light"] .scr .scr-links,
:root[data-theme="light"] .scr .scr-foot { color: #55705f !important; }
:root[data-theme="light"] .scr-tags a,
:root[data-theme="light"] .scr-tabs a,
:root[data-theme="light"] .scr-switch,
:root[data-theme="light"] .scr-head .sub { color: #27453a !important; background: #ffffff; border: 1px solid #d7e3dc; }
:root[data-theme="light"] .scr-tags a.on,
:root[data-theme="light"] .scr-tabs a.on { color: #ffffff !important; background: linear-gradient(135deg,#16543f,#2fa37a); border-color: transparent; }
:root[data-theme="light"] .kpi,
:root[data-theme="light"] .kpi b,
:root[data-theme="light"] .kpi strong,
:root[data-theme="light"] .kpi small,
:root[data-theme="light"] .kpi .unit { color: #0f241d !important; }
:root[data-theme="light"] .kpi b,
:root[data-theme="light"] .kpi strong { color: #16543f !important; }
:root[data-theme="light"] .heat-cell,
:root[data-theme="light"] .heat-cell span,
:root[data-theme="light"] .heat-cell b { color: #0f241d !important; }
:root[data-theme="light"] .heat-cell b { color: #16543f !important; }
:root[data-theme="light"] .heat-cell.out { opacity: .55 !important; }
:root[data-theme="light"] .heat-cell .note,
:root[data-theme="light"] .heat-legend { color: #55705f !important; }
:root[data-theme="light"] .top-item,
:root[data-theme="light"] .top-item span,
:root[data-theme="light"] .top-item b,
:root[data-theme="light"] .due-item,
:root[data-theme="light"] .today-item { color: #0f241d !important; }
:root[data-theme="light"] .top-item .pkg-tag,
:root[data-theme="light"] .top-item em,
:root[data-theme="light"] .today-item em { color: #1d7a58 !important; }
:root[data-theme="light"] .panel-head h2 { color: #0f241d; }
:root[data-theme="light"] .heat-dow span { color: #55705f !important; }
:root[data-theme="light"] .scr-note { color: #55705f !important; }