From 9ad5685bd6708dcf966c9e3af1a18755c1b64cae Mon Sep 17 00:00:00 2001 From: cqh963852 Date: Thu, 8 Oct 2026 14:58:37 +0800 Subject: [PATCH] =?UTF-8?q?style:=20navbar=20hover=20=E5=BC=83=E9=BB=91?= =?UTF-8?q?=E6=94=B9=E7=BA=B8=E6=8C=89=E5=8E=8B=E8=89=B2=E2=80=94=E2=80=94?= =?UTF-8?q?=E6=96=B0=E5=A2=9E=20paper-deep=20token=EF=BC=88#f2ead9?= =?UTF-8?q?=EF=BC=8C=E6=9A=96=E9=98=B6=EF=BC=89=EF=BC=8C=E9=BB=91=E8=89=B2?= =?UTF-8?q?=E7=95=99=E7=BB=99=E9=80=89=E4=B8=AD=E8=AF=AD=E4=B9=89=E4=B8=8D?= =?UTF-8?q?=E5=86=8D=E5=86=B2=E7=AA=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/tutorial/src/lib/ui.tsx | 4 ++-- packages/design-system/src/styles/tokens.css | 1 + 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/apps/tutorial/src/lib/ui.tsx b/apps/tutorial/src/lib/ui.tsx index 9fb46fa..36e80c8 100644 --- a/apps/tutorial/src/lib/ui.tsx +++ b/apps/tutorial/src/lib/ui.tsx @@ -55,7 +55,7 @@ export function Page({ key={n.href} href={n.href} className={`rounded-lg px-2.5 py-1 text-[12.5px] font-bold no-underline transition-colors ${ - on ? (n.id ? 'text-ink' : 'bg-ink text-paper') : 'text-body hover:bg-black/5' + on ? (n.id ? 'text-ink' : 'bg-ink text-paper') : 'text-body hover:bg-paper-deep' }`} style={on && n.id ? { background: CHAPTERS[n.id].color } : undefined} > @@ -74,7 +74,7 @@ export function Page({ key={n.href} href={n.href} className={`rounded-lg px-2.5 py-1 text-[12.5px] font-bold no-underline transition-colors ${ - on ? 'bg-ink text-paper' : 'text-body hover:bg-black/5' + on ? 'bg-ink text-paper' : 'text-body hover:bg-paper-deep' }`} > {n.label} diff --git a/packages/design-system/src/styles/tokens.css b/packages/design-system/src/styles/tokens.css index b5a3718..44abd9f 100644 --- a/packages/design-system/src/styles/tokens.css +++ b/packages/design-system/src/styles/tokens.css @@ -16,6 +16,7 @@ /* 中性阶(纸的世界) */ --color-ink: #111111; --color-paper: #fff9f0; + --color-paper-deep: #f2ead9; /* 纸按压色——hover 专用暖阶,不借 ink(黑色=选中语义) */ --color-mute: #8a7a5c; --color-body: #3d3d3d;