iter(g243): 文档站与演示页外壳配色改为从令牌派生,消除暗色强调色漂移
This commit is contained in:
@@ -10,7 +10,7 @@
|
||||
--ua-color-surface-3: color-mix(in srgb, var(--ua-color-text) 8%, var(--ua-color-bg)); /* 表面三阶:按下底、最深容器 */
|
||||
--ua-color-surface-inset: color-mix(in srgb, var(--ua-color-text) 5%, var(--ua-color-bg)); /* 凹陷区:输入框 / 代码块底 */
|
||||
--ua-color-text: #1c1e21; /* 主文本色:正文与标题共用 */
|
||||
--ua-color-text-muted: #676d78; /* 辅助文本色:说明、占位、次要信息(比 #6b7280 略深:凹陷底上原值仅 4.39,过不了 AA 4.5) */
|
||||
--ua-color-text-muted: #676d78; /* 辅助文本色:说明、占位、次要信息(比原值略深:凹陷底上原值仅 4.39,过不了 AA 4.5) */
|
||||
--ua-color-text-secondary: #4b5158; /* 次级文本色:介于主文本与辅助文本之间 */
|
||||
--ua-color-text-faint: #9aa0a8; /* 三级文本色:禁用、极弱说明 */
|
||||
--ua-color-overlay: rgba(0, 0, 0, 0.45); /* 遮罩:抽屉 / 弹窗 / 命令面板等半透明底 */
|
||||
@@ -158,7 +158,7 @@
|
||||
--ua-color-scrollbar: rgba(255, 255, 255, 0.24); /* 暗色滚动条拇指:暗底上黑拇指完全看不见,改白色低透明度 */
|
||||
--ua-color-scrollbar-hover: rgba(255, 255, 255, 0.42); /* 暗色滚动条拇指悬停:亮度再升一档表示可拖拽 */
|
||||
--ua-color-highlight: rgba(255, 255, 255, 0.08); /* 暗色内高光:暗底上白高光刺眼,降到 8% 只留一道细光 */
|
||||
--ua-color-accent: #4a9aeb; /* 暗色强调色:提亮以保证暗底可读(原 #378add 压在白字/淡底上只有 3.92/4.44,过不了 AA) */
|
||||
--ua-color-accent: #4a9aeb; /* 暗色强调色:提亮以保证暗底可读(原值压在白字/淡底上只有 3.92/4.44,过不了 AA,详见 ua audit:contrast) */
|
||||
--ua-color-accent-contrast: #042c53; /* 暗色强调色上的文字色:深色反白,维持对比 */
|
||||
--ua-color-accent-soft: color-mix(in srgb, var(--ua-color-accent) 82%, var(--ua-color-bg)); /* 暗色柔和强调色:与亮色同结构,混入暗底即自然降饱和 */
|
||||
--ua-color-tint-accent: color-mix(in srgb, var(--ua-color-accent) 14%, transparent); /* 暗色淡底标准档:暗底上淡底不可见,透明度升一档 */
|
||||
|
||||
Reference in New Issue
Block a user