iter(g199): 新增主按钮内高光与卡片边框减负
tokens 增补:--ua-color-highlight(暗色降到 8%,暗底白高光刺眼)、 --ua-shadow-highlight(1px 内高光走令牌,皮肤不出现阴影字面值)、 --ua-tracking-wide / --ua-tracking-tight 两档字距。 主按钮叠内高光 + 悬停主题色投影,press 保留内高光; 卡片补贴地 1 档阴影,hoverable 悬停升到 2 档并同步减淡边框; 表头、选项分组标题、命令面板大写小标题统一 0.04em, ui.css 三处字距字面值全部归零。 幽灵按钮无实色底,显式退出质感层避免透明底露白线。 Refs: g199
This commit is contained in:
@@ -2182,6 +2182,7 @@ node packages/tools/cli/bin/ua.js <index|list|info <包名|组件id>|docs|tokens
|
||||
- --ua-color-overlay: rgba(0, 0, 0, 0.45)(暗色 rgba(0, 0, 0, 0.6))
|
||||
- --ua-color-overlay-strong: rgba(0, 0, 0, 0.6)(暗色 rgba(0, 0, 0, 0.7))
|
||||
- --ua-color-border: rgba(0, 0, 0, 0.15)(暗色 rgba(255, 255, 255, 0.15))
|
||||
- --ua-color-highlight: rgba(255, 255, 255, 0.5)(暗色 rgba(255, 255, 255, 0.08))
|
||||
- --ua-color-accent: #185fa5(暗色 #378add)
|
||||
- --ua-color-accent-contrast: #ffffff(暗色 #042c53)
|
||||
- --ua-color-tint-accent: color-mix(in srgb, var(--ua-color-accent) 10%, transparent)(暗色 color-mix(in srgb, var(--ua-color-accent) 14%, transparent))
|
||||
@@ -2214,6 +2215,8 @@ node packages/tools/cli/bin/ua.js <index|list|info <包名|组件id>|docs|tokens
|
||||
- --ua-font-size-5xl: 34px
|
||||
- --ua-font-size-scale-md: 0.92em
|
||||
- --ua-font-size-scale-sm: 0.85em
|
||||
- --ua-tracking-wide: 0.04em
|
||||
- --ua-tracking-tight: -0.01em
|
||||
- --ua-weight-normal: 400
|
||||
- --ua-weight-medium: 500
|
||||
- --ua-weight-semibold: 600
|
||||
@@ -2228,6 +2231,7 @@ node packages/tools/cli/bin/ua.js <index|list|info <包名|组件id>|docs|tokens
|
||||
- --ua-shadow-4: 0 18px 44px rgba(0, 0, 0, 0.14)(暗色 0 18px 44px rgba(0, 0, 0, 0.5))
|
||||
- --ua-shadow-accent: 0 3px 10px color-mix(in srgb, var(--ua-color-accent) 25%, transparent)(暗色 0 3px 10px color-mix(in srgb, var(--ua-color-accent) 30%, transparent))
|
||||
- --ua-shadow-accent-strong: 0 8px 20px color-mix(in srgb, var(--ua-color-accent) 35%, transparent)(暗色 0 8px 20px color-mix(in srgb, var(--ua-color-accent) 40%, transparent))
|
||||
- --ua-shadow-highlight: inset 0 1px 0 var(--ua-color-highlight)
|
||||
- --ua-shadow-hairline: inset 0 -1px 0 var(--ua-border-subtle)
|
||||
- --ua-shadow-inset-border: inset 0 0 0 1px var(--ua-color-border)
|
||||
- --ua-shadow-inset-accent: inset 0 0 0 1px var(--ua-color-accent)
|
||||
@@ -2240,8 +2244,10 @@ node packages/tools/cli/bin/ua.js <index|list|info <包名|组件id>|docs|tokens
|
||||
- --ua-duration-loop-mid: 0.8s
|
||||
- --ua-duration-loop-slow: 1.2s
|
||||
- --ua-duration-loop-long: 1.6s
|
||||
- --ua-duration-step: 0.02s
|
||||
- --ua-ease: cubic-bezier(0.2, 0.8, 0.2, 1)
|
||||
- --ua-ease-out: cubic-bezier(0.16, 1, 0.3, 1)
|
||||
- --ua-ease-spring: cubic-bezier(0.34, 1.3, 0.5, 1)
|
||||
- --ua-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ua-color-accent) 22%, transparent)(暗色 0 0 0 3px color-mix(in srgb, var(--ua-color-accent) 34%, transparent))
|
||||
- --ua-focus-ring-inset: inset 0 0 0 2px color-mix(in srgb, var(--ua-color-accent) 40%, transparent)(暗色 inset 0 0 0 2px color-mix(in srgb, var(--ua-color-accent) 52%, transparent))
|
||||
- --ua-focus-ring-warning: 0 0 0 3px color-mix(in srgb, var(--ua-color-warning) 25%, transparent)(暗色 0 0 0 3px color-mix(in srgb, var(--ua-color-warning) 34%, transparent))
|
||||
|
||||
Reference in New Issue
Block a user