iter(g197): accent 淡底五档收敛为两档语义令牌

2026-10-26 18:08:03 +08:00
parent 9ef863739d
commit 8148317f09
3 changed files with 43 additions and 37 deletions
@@ -18,6 +18,8 @@
  --ua-color-border: rgba(0, 0, 0, 0.15); /* 基础边框色：输入框 / 卡片 / 分割线 */
  --ua-color-accent: #185fa5; /* 强调色：主操作、选中态、焦点环底色 */
  --ua-color-accent-contrast: #ffffff; /* 强调色上的文字色：保证主按钮对比度 */
+  --ua-color-tint-accent: color-mix(in srgb, var(--ua-color-accent) 10%, transparent); /* 语义淡底标准档：选中底、激活项底 */
+  --ua-color-tint-accent-weak: color-mix(in srgb, var(--ua-color-accent) 5%, transparent); /* 语义淡底弱档：悬停底、极弱强调底 */
  --ua-color-danger: #a32d2d; /* 危险色：错误、删除、校验失败 */
  --ua-color-success: #0f6e56; /* 成功色：完成、通过、正向结果 */
  --ua-color-warning: #9a6b1f; /* 警告色：提醒、需注意但不阻断 */
@@ -125,6 +127,8 @@
  --ua-color-border: rgba(255, 255, 255, 0.15); /* 暗色基础边框色：改用白色低透明度，避免黑边在暗底上消失 */
  --ua-color-accent: #378add; /* 暗色强调色：提亮以保证暗底可读 */
  --ua-color-accent-contrast: #042c53; /* 暗色强调色上的文字色：深色反白，维持对比 */
+  --ua-color-tint-accent: color-mix(in srgb, var(--ua-color-accent) 14%, transparent); /* 暗色淡底标准档：暗底上淡底不可见，透明度升一档 */
+  --ua-color-tint-accent-weak: color-mix(in srgb, var(--ua-color-accent) 8%, transparent); /* 暗色淡底弱档：透明度升一档 */
  --ua-color-danger: #d96a6a; /* 暗色危险色 */
  --ua-color-success: #4fc39e; /* 暗色成功色 */
  --ua-color-warning: #d9a94f; /* 暗色警告色 */