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

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

No files matched your search

+2 -2
View File
@@ -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}
@@ -16,6 +16,7 @@
/* 中性阶(纸的世界) */
--color-ink: #111111;
--color-paper: #fff9f0;
--color-paper-deep: #f2ead9; /* 纸按压色——hover 专用暖阶,不借 ink(黑色=选中语义) */
--color-mute: #8a7a5c;
--color-body: #3d3d3d;