From a21768a39174bb175571e66bbf7781bf573595fa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=88=B1=E7=AC=91=E7=9A=84=E6=AF=9B=E6=AF=9B=E8=99=AB?= <315515767@qq.com> Date: Tue, 4 Aug 2026 21:28:25 +0800 Subject: [PATCH] =?UTF-8?q?fix(canvas):=20=E6=9A=97=E8=89=B2=E4=B8=BB?= =?UTF-8?q?=E9=A2=98=20shadow=20token=20=E8=A6=86=E7=9B=96=20=E2=80=94=20?= =?UTF-8?q?=E9=BB=91=E5=BD=B1=E4=B8=8D=E5=8F=AF=E8=A7=81=E6=94=B9=E7=99=BD?= =?UTF-8?q?=E8=89=B2=E5=BE=AE=E5=BD=B1=EF=BC=88=E5=AE=A1=E8=AE=A1=20D4/P2-?= =?UTF-8?q?D2=EF=BC=89=20(#133)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit :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> --- web/src/styles/globals.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css index c245edc00..348bdd836 100644 --- a/web/src/styles/globals.css +++ b/web/src/styles/globals.css @@ -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); } /* -------------------------------------------------------------------------