fix(canvas): 暗色主题 shadow token 覆盖 — 黑影不可见改白色微影(审计 D4/P2-D2) (#133)
:root 的 --shadow-xs~2xl 用 rgba(0,0,0,0.04~0.16),.dark 块无覆盖, 暗色下黑影在深色背景上不可见,节点/dock/面板/对话框丢失抬升感。 在 .dark 块新增 --shadow-* 覆盖,改用白色微影(0.04~0.1)制造抬升: - shadow-xs 0.04 → shadow-2xl 0.1,与亮色档位递进一致但更低不透明度 (白影在深色上比黑影更显眼) - 组件 token(--node-shadow/--dock-shadow/--panel-shadow/--modal-shadow) 均引用 var(--shadow-*),覆盖自动级联,无需逐组件改 --cn-spatial-shadow(内联 boxShadow 用,0.4)已有暗色变体保留不动; --shadow-glow-*(蓝色辉光)双主题通用不改。 Co-authored-by: sikongyue <3155157671@qq.com>
This commit is contained in:
@@ -456,6 +456,17 @@
|
||||
--cn-spatial-glow-strong: rgba(125, 162, 255, 0.25);
|
||||
--cn-spatial-elevated: var(--color-neutral-900);
|
||||
--cn-spatial-toolbar-border: rgba(255, 255, 255, 0.1);
|
||||
|
||||
/* --- Shadow dark 覆盖(暗色下黑影不可见,改用白色微影制造抬升感,审计 D4/P2-D2)---
|
||||
组件 token(--node-shadow/--dock-shadow/--panel-shadow/--modal-shadow)均引用
|
||||
var(--shadow-*),此处覆盖自动级联。--cn-spatial-shadow(内联 boxShadow 用)已有
|
||||
暗色变体(0.4),保留不动。 */
|
||||
--shadow-xs: 0 1px 2px rgba(255, 255, 255, 0.04);
|
||||
--shadow-sm: 0 2px 4px rgba(255, 255, 255, 0.05);
|
||||
--shadow-md: 0 4px 12px rgba(255, 255, 255, 0.06);
|
||||
--shadow-lg: 0 8px 24px rgba(255, 255, 255, 0.07);
|
||||
--shadow-xl: 0 16px 40px rgba(255, 255, 255, 0.08);
|
||||
--shadow-2xl: 0 24px 60px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------
|
||||
|
||||
Reference in New Issue
Block a user