idealjs/stack
1
0 Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

style: navbar hover 弃黑改纸按压色——新增 paper-deep token（#f2ead9，暖阶），黑色留给选中语义不再冲突

Browse Source
This commit is contained in:
cqh963852 committed 2026-10-08 14:58:37 +08:00
1 parent 65df0ef1d7
commit 9ad5685bd6
2 files changed
+3 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/tutorial/src/lib/ui.tsx
+2 -2
View File
@@ -55,7 +55,7 @@ export function Page({
key={n.href} key={n.href}
href={n.href} href={n.href}
className={`rounded-lg px-2.5 py-1 text-[12.5px] font-bold no-underline transition-colors ${ 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} style={on && n.id ? { background: CHAPTERS[n.id].color } : undefined}
> >
@@ -74,7 +74,7 @@ export function Page({
key={n.href} key={n.href}
href={n.href} href={n.href}
className={`rounded-lg px-2.5 py-1 text-[12.5px] font-bold no-underline transition-colors ${ 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} {n.label}
packages/design-system/src/styles/tokens.css
+1
View File
@@ -16,6 +16,7 @@
/* 中性阶（纸的世界） */ /* 中性阶（纸的世界） */
--color-ink: #111111; --color-ink: #111111;
--color-paper: #fff9f0; --color-paper: #fff9f0;
--color-paper-deep: #f2ead9; /* 纸按压色——hover 专用暖阶，不借 ink（黑色＝选中语义） */
--color-mute: #8a7a5c; --color-mute: #8a7a5c;
--color-body: #3d3d3d; --color-body: #3d3d3d;