四枚头钮真正同款:保存撤掉强调色,按钮字体不再被画布纸面改写

量出来两处差异,都不是错觉:
  · 「保存 v4」挂着 t-go —— 棕字(138,95,28)米边(217,201,164),另外三枚是
    墨字(58,68,82)灰边(216,222,230)。**撤掉 t-go**:可不可存由禁用态说,
    不靠换色抢戏;t-go 留给版本行的「激活」那种真·主动作。
  · 中卡那枚「编辑」字体族是 PingFang 栈,另外三枚是 Inter 栈 —— 因为
    `.g-ver-act` 用 `var(--sans)`,而画布纸面 `.process-doc` 把 --sans 换成了
    中文正文栈(那是给图上的字用的)。立 **--ui-sans** 令牌(控件专用、同栈但
    不被局部作用域改写),按钮改用它 —— 骑在纸上的按钮属于界面,不该跟着换脸。

实测四枚:字色 58,68,82 · 边色 216,222,230 · 字体 Inter · 高 26 —— 完全一致;
保存在可用态 opacity 1、禁用态 .45,是同一枚钮的两个状态,不是两种风格。
五闸绿。

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KeDBx2PHLavbURXB8LJJ7m
This commit is contained in:
2026-07-29 21:18:32 +08:00
co-authored by Claude Opus 5
parent cae4dbcb76
commit 05c0a57cad
3 changed files with 7 additions and 2 deletions
+1 -1
View File
@@ -588,7 +588,7 @@
/* **唯一的卡上按钮规格**(2026-07-30 三卡统一):图纸方钮 —— 26 高、白底细线、
无圆角;主动作 t-go 走黄铜,危动作 t-bad 走赤。从前这里有两份定义互相覆盖
(方钮版 + 圆角芯片版),按钮怪样的病根就是它。 */
.g-ver-act { flex: none; display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 10px; border: 1px solid var(--sh-line, #d8dee6); background: #fff; font: 600 11px/1 var(--sans); letter-spacing: .02em; color: #3a4452; white-space: nowrap; cursor: pointer; transition: border-color var(--t-fast), color var(--t-fast); }
.g-ver-act { flex: none; display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 10px; border: 1px solid var(--sh-line, #d8dee6); background: #fff; font: 600 11px/1 var(--ui-sans); letter-spacing: .02em; color: #3a4452; white-space: nowrap; cursor: pointer; transition: border-color var(--t-fast), color var(--t-fast); }
.g-ver-act:hover:not(:disabled) { border-color: #aeb9c6; }
.g-ver-act.t-go { color: var(--sh-brass, #8a5f1c); border-color: #d9c9a4; }
.g-ver-act.t-bad { color: #b0413e; border-color: #e0bcba; }
+4
View File
@@ -36,6 +36,10 @@
--st-collab: #0aa294; --st-wait: #6a7590;
/* —— 字体 / 动效 —— */
--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
/* 界面字体(控件专用):与 --sans 同栈,但**不被局部作用域改写** ——
画布纸面 .process-doc 会把 --sans 换成中文正文栈,那是给图上的字用的;
骑在纸上的按钮属于界面,不该跟着换脸。 */
--ui-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
--mono: ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;
--t-fast: .16s cubic-bezier(.3, 0, .2, 1);
--t-med: .26s cubic-bezier(.3, 0, .2, 1);