EVA / MAGI 令牌色卡
由 node tools/gen-tokens-doc.mjs 从 lib/client.js 生成，请勿手工编辑。
共 107 个 --dsw-alias-* 令牌，这是 DSH 客户端主题层暴露的全部别名令牌。
底色 / 表面层
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-bg-base | #f2efe8 | #08090a |
|---|
--dsw-alias-bg-layer-1 | #faf8f4 | #0c0e10 |
|---|
--dsw-alias-bg-layer-2 | #ffffff | #101315 |
|---|
--dsw-alias-bg-layer-3 | #ece7dc | #161a1d |
|---|
--dsw-alias-bg-overlay | #ffffff | #14181b |
|---|
--dsw-alias-bg-module-platform | #f0ece3 | #0e1113 |
|---|
--dsw-alias-bg-multi-select | #d9530a1f | #ff6a001a |
|---|
--dsw-alias-bg-skeleton | #0000000a | #ffffff0f |
|---|
--dsw-alias-bg-document-preview | #faf8f4 | #0c0e10 |
|---|
--dsw-alias-bg-document-selection | #d9530a52 | #ff6a0059 |
|---|
--dsw-alias-bg-mask-1 | #0000003d | #0000005c |
|---|
--dsw-alias-bg-mask-2 | #0000001f | #00000033 |
|---|
--dsw-alias-bg-mask-3 | #0000007a | #0000008a |
|---|
--dsw-alias-bg-mask-drop | #ffffffb3 | #0a0a0acc |
|---|
--dsw-alias-bg-mask-photo | #000000e0 | #000000e6 |
|---|
文本层级
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-label-document-preview | #4a4f57 | #cfc9bd |
|---|
--dsw-alias-label-primary | #16181c | #e8e4dc |
|---|
--dsw-alias-label-secondary | #4a4f57 | #b8b3a8 |
|---|
--dsw-alias-label-tertiary | #626970 | #8d887e |
|---|
--dsw-alias-label-caption | #7c828a | #6b675f |
|---|
--dsw-alias-label-primary-dimmed | #2c3036 | #cfc9bd |
|---|
--dsw-alias-label-primary-bluish | #1f242a | #eceae4 |
|---|
--dsw-alias-label-dimmed | #c9c3b8 | #57544d |
|---|
--dsw-alias-label-primary-inverted | #ffffff | #0a0a0a |
|---|
--dsw-alias-label-primary-foreground | #ffffff | #0a0a0a |
|---|
--dsw-alias-label-shimmer | #0000004d | #ffffff73 |
|---|
--dsw-alias-label-deep-diving | #b24500 | #ffb066 |
|---|
--dsw-alias-label-deep-diving-shimmer | #d9530a | #ffd9b3 |
|---|
边框（橙色发丝线）
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-border-l1 | #b2450017 | #ff7a1a24 |
|---|
--dsw-alias-border-l2 | #b2450029 | #ff7a1a3d |
|---|
--dsw-alias-border-l3 | #b2450040 | #ff7a1a57 |
|---|
--dsw-alias-border-l4 | #b2450059 | #ff7a1a7a |
|---|
--dsw-alias-border-l2-darkmode-thin | #b2450029 | #ff7a1a1f |
|---|
--dsw-alias-border-inverted | #0000 | #0000 |
|---|
--dsw-alias-border-inverted2 | #0000 | #0000 |
|---|
品牌色 = 主色
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-brand-primary | #c94f08 | #ff6a00 |
|---|
--dsw-alias-brand-primary-invert | #0a0a0a | #e8e4dc |
|---|
--dsw-alias-brand-primary-new-colorprimary-new-color | #c94f08 | #ff6a00 |
|---|
--dsw-alias-brand-text | #b24500 | #ff8a2b |
|---|
按钮
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-button-primary-fill | #c94f08 | #ff6a00 |
|---|
--dsw-alias-button-primary-hover | #a8400a | #ff8f3d |
|---|
--dsw-alias-button-primary-dimmed | #c94f0833 | #ff6a0047 |
|---|
--dsw-alias-button-contrast-fill | #2c3036 | #e8e4dc |
|---|
--dsw-alias-button-elevated-fill | #ffffff | #1b2024 |
|---|
--dsw-alias-button-floating-fill | #ffffff | #12161a |
|---|
--dsw-alias-button-floating-hover | #f0ece3 | #1b2024 |
|---|
--dsw-alias-button-ghost-active-fill | #d9530a1f | #ff6a001f |
|---|
--dsw-alias-button-ghost-active-border | #d9530a59 | #ff6a0059 |
|---|
--dsw-alias-button-ghost-active-hover | #d9530a2e | #ff6a002e |
|---|
--dsw-alias-button-info-fill | #1f8f3a1f | #7cff4f1f |
|---|
--dsw-alias-button-info-hover | #1f8f3a33 | #7cff4f33 |
|---|
--dsw-alias-button-tool-bar-fill | #faf8f4 | #12161a |
|---|
--dsw-alias-button-tool-bar-fill-invisible | #0000 | #0000 |
|---|
--dsw-alias-button-tool-bar-hover | #d9530a1f | #ff6a001f |
|---|
交互反馈
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-interactive-bg-hover | #d9530a14 | #ff6a0014 |
|---|
--dsw-alias-interactive-bg-hover-accent | #d9530a24 | #ff6a0024 |
|---|
--dsw-alias-interactive-bg-hover-danger | #c4241c1f | #ff1e1e24 |
|---|
--dsw-alias-interactive-bg-hover-solid | #00000014 | #ffffff1a |
|---|
--dsw-alias-interactive-bg-active | #d9530a24 | #ff6a0024 |
|---|
状态语义
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-state-business-primary | #c94f08 | #ff6a00 |
|---|
--dsw-alias-state-business-tertiary | #c94f0859 | #ff6a0066 |
|---|
--dsw-alias-state-success-primary | #1f8f3a | #7cff4f |
|---|
--dsw-alias-state-success-secondary | #1f8f3acc | #7cff4fcc |
|---|
--dsw-alias-state-success-tertiary | #1f8f3a59 | #7cff4f66 |
|---|
--dsw-alias-state-warn-primary | #b87500 | #ffcc00 |
|---|
--dsw-alias-state-warn-secondary | #b87500cc | #ffcc00cc |
|---|
--dsw-alias-state-warn-tertiary | #b8750059 | #ffcc0066 |
|---|
--dsw-alias-state-warn-label | #8a5800 | #ffcc00 |
|---|
--dsw-alias-state-error-primary | #c4241c | #ff3b30 |
|---|
--dsw-alias-state-error-secondary | #c4241ccc | #ff3b30cc |
|---|
--dsw-alias-state-idle-primary | #a8a49b | #5a6166 |
|---|
链接
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-link | #b24500 | #ff9a4d |
|---|
滚动条
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-scrollbar-bg-l1 | #b245002e | #ff7a1a2e |
|---|
--dsw-alias-scrollbar-bg-l2 | #b2450024 | #ff7a1a24 |
|---|
--dsw-alias-scrollbar-hover-l1 | #b2450059 | #ff7a1a5c |
|---|
--dsw-alias-scrollbar-hover-l2 | #b2450047 | #ff7a1a47 |
|---|
菜单
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-menu-icon | #2c3036 | #cfc9bd |
|---|
--dsw-alias-menu-group-header-fill | #faf8f4f0 | #0c0e10f0 |
|---|
气泡提示
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-tooltip-bg | #1b1f23f2 | #161a1df2 |
|---|
--dsw-alias-tooltip-key-bg | #3a4046 | #262c31 |
|---|
系统提示
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-toast-bg | #1b1f23f7 | #161a1df7 |
|---|
--dsw-alias-toast-label | #f2efe8 | #e8e4dc |
|---|
开关
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-switch-thumb | #ffffff | #ffd9b3 |
|---|
设置卡片
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-settings-card-fill | #faf8f4 | #0c0e10 |
|---|
--dsw-alias-settings-card-stroke | #b2450029 | #ff7a1a33 |
|---|
Markdown / 代码
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-markdown-code-block | #f0ece3 | #0b0e10 |
|---|
--dsw-alias-markdown-code-block-banner | #ece7dc | #101315 |
|---|
--dsw-alias-markdown-inline-code | #d9530a1a | #ff6a001f |
|---|
--dsw-alias-markdown-citation | #d9530a24 | #ff6a0024 |
|---|
--dsw-alias-markdown-tag | #1f8f3a1f | #7cff4f1f |
|---|
--dsw-alias-markdown-placeholder | #949aa1 | #6b675f |
|---|
--dsw-alias-markdown-code-segment-selected | #d9530a33 | #ff6a0033 |
|---|
--dsw-alias-markdown-code-segment-unselected | #0000000f | #ffffff14 |
|---|
代码差异
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-code-diff-added | #1f8f3a1f | #7cff4f1f |
|---|
--dsw-alias-code-diff-deleted | #c4241c1f | #ff1e1e1f |
|---|
文件差异
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-file-diff-added-bg | #1f8f3a14 | #7cff4f14 |
|---|
--dsw-alias-file-diff-added-gutter | #1f8f3a24 | #7cff4f24 |
|---|
--dsw-alias-file-diff-added-marker | #1f8f3a | #7cff4f |
|---|
--dsw-alias-file-diff-deleted-bg | #c4241c14 | #ff1e1e14 |
|---|
--dsw-alias-file-diff-deleted-gutter | #c4241c24 | #ff1e1e24 |
|---|
--dsw-alias-file-diff-deleted-marker | #c4241c | #ff1e1e |
|---|
引导页
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-onboarding-accent | #c94f08 | #ff6a00 |
|---|
--dsw-alias-onboarding-card-fill | #faf8f4 | #0c0e10 |
|---|
--dsw-alias-onboarding-checkbox-border | #b2450059 | #ff7a1a59 |
|---|
--dsw-alias-onboarding-secondary-fill | #f0ece3 | #161a1d |
|---|
回合触发器
| 令牌 | 浅色 | 深色 |
|---|
--dsw-alias-turn-trigger-bg | #d9530a12 | #ff6a0012 |
|---|
--dsw-alias-turn-trigger-bg-hover | #d9530a1f | #ff6a001f |
|---|