style(usage): restore the original trend chart and heatmap colors

Point --chart-usage back at --chart-1 and restore the heatmap's darkest
light-mode step (#0e7490), so the usage charts look as they did before
#8711. The separate token stays, so a later color change does not touch
the quota bars that also use --chart-1.
This commit is contained in:
Jason committed 2026-10-23 11:21:04 +08:00
1 parent 29f8bef378
commit c6f85464e7
1 file changed
+5 -7
+5 -7
View File
@@ -121,15 +121,15 @@
--danger-text: #b91c1c;
--danger-soft: #fee2e2;
--chart-1: #0891b2;
/* 用量页的趋势图和热力图:陶土色(H17 S63 L54),对白底 3.6:1、对 --bg-subtle 3.1:1。
不和 chart-1 共用:额度条的「正常」状态用 chart-1,换成暖色会和 warning / danger 混 */
--chart-usage: #d4683f;
/* 热力图 1–4 档:前三档用 chart-usage 保住饱和度,最深档换同色相深一级的 #a84e2f。
/* 用量页的趋势图和热力图。暂时沿用 chart-1(深色下跟着 chart-1 变);
单独留一个变量,以后换用量图配色不牵动额度条等其他用 chart-1 的地方 */
--chart-usage: var(--chart-1);
/* 热力图 1–4 档:前三档用 chart-usage 保住饱和度,最深档换同色相深一级的 #0e7490。
chart-usage 是中等亮度,只按浓度混的话最深档不够深,整张图偏淡 */
--heat-1: color-mix(in srgb, var(--chart-usage) 32%, transparent);
--heat-2: color-mix(in srgb, var(--chart-usage) 62%, transparent);
--heat-3: var(--chart-usage);
--heat-4: #a84e2f;
--heat-4: #0e7490;
--chart-2: #db2777;
--chart-grid: #ececf0;
@@ -209,8 +209,6 @@
--danger-text: #fca5a5;
--danger-soft: #3a1414;
--chart-1: #38bdf8;
/* 深色下提亮一档(L59):对 --bg-app 5.6:1、对卡片底 4.5:1,够清楚又不刺眼 */
--chart-usage: #e0784f;
/* 深色底上越亮越多,chart-usage 本身就是最亮档 */
--heat-1: color-mix(in srgb, var(--chart-usage) 30%, transparent);
--heat-2: color-mix(in srgb, var(--chart-usage) 50%, transparent);