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:
爱笑的毛毛虫
2026-08-04 21:28:25 +08:00
committed by GitHub
parent 931531edbc
commit a21768a391

View File

@@ -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);
}
/* -------------------------------------------------------------------------