yumoqing/bricks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(theme): --ink-0..3主题感知文字色变量(亮slate深阶/暗slate浅阶)——暗色对比度治理,禁.ui/.dspy硬编码字体色

Browse Source
This commit is contained in:
yumoqing 2026-09-18 14:04:09 +08:00
parent f819b3242b
commit 37c5e4ac29
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
bricks/css/bricks.css
View File

@ -655,6 +655,21 @@ hr {
} }
/* ========== Dark Theme (Sage Shell) ========== */ /* ========== Dark Theme (Sage Shell) ========== */
/* 主题感知文字色变量（2026-09-17 暗色对比度治理）：.ui/.dspy 里禁止硬编码字体色，
用 var(--ink-N) 跟随双主题。亮色=slate 深阶，暗色=slate 浅阶（与 body/card 规则同族）。 */
:root, html:not([data-theme="dark"]) {
--ink-0: #0f172a; /* 最强正文/标题 */
--ink-1: #1e293b; /* 主正文 */
--ink-2: #334155; /* 次正文 */
--ink-3: #475569; /* 弱化说明 */
}
html[data-theme="dark"] {
--ink-0: #f1f5f9;
--ink-1: #e2e8f0;
--ink-2: #cbd5e1;
--ink-3: #94a3b8;
}
[data-theme="dark"] body, [data-theme="dark"] body,
[data-theme="dark"] { [data-theme="dark"] {
color: #CBD5E1; color: #CBD5E1;