DSM 主题编辑器
编辑全局语义色与各组件设计变量，实时预览、导出主题。全局层 123 个 alias · 组件层 81 个组件。
0 项覆写
品牌主色
--cd-color-primary 全局 · 颜色主要--cd-color-primary-active 全局 · 颜色主要按下态--cd-color-primary-disabled 全局 · 颜色主要禁用态--cd-color-primary-hover 全局 · 颜色主要悬浮态--cd-color-primary-light-active 全局 · 颜色主要浅色按下态--cd-color-primary-light-default 全局 · 颜色主要浅色默认--cd-color-primary-light-hover 全局 · 颜色主要浅色悬浮态--cd-color-secondary 全局 · 颜色次要--cd-color-secondary-active 全局 · 颜色次要按下态--cd-color-secondary-disabled 全局 · 颜色次要禁用态--cd-color-secondary-hover 全局 · 颜色次要悬浮态--cd-color-secondary-light-active 全局 · 颜色次要浅色按下态--cd-color-secondary-light-default 全局 · 颜色次要浅色默认--cd-color-secondary-light-hover 全局 · 颜色次要浅色悬浮态--cd-color-tertiary 全局 · 颜色第三--cd-color-tertiary-active 全局 · 颜色第三按下态--cd-color-tertiary-hover 全局 · 颜色第三悬浮态--cd-color-tertiary-light-active 全局 · 颜色第三浅色按下态--cd-color-tertiary-light-default 全局 · 颜色第三浅色默认--cd-color-tertiary-light-hover 全局 · 颜色第三浅色悬浮态状态色
--cd-color-danger 全局 · 颜色危险--cd-color-danger-active 全局 · 颜色危险按下态--cd-color-danger-disabled 全局 · 颜色危险禁用态--cd-color-danger-hover 全局 · 颜色危险悬浮态--cd-color-danger-light-active 全局 · 颜色危险浅色按下态--cd-color-danger-light-default 全局 · 颜色危险浅色默认--cd-color-danger-light-hover 全局 · 颜色危险浅色悬浮态--cd-color-info 全局 · 颜色信息--cd-color-info-active 全局 · 颜色信息按下态--cd-color-info-disabled 全局 · 颜色信息禁用态--cd-color-info-hover 全局 · 颜色信息悬浮态--cd-color-info-light-active 全局 · 颜色信息浅色按下态--cd-color-info-light-default 全局 · 颜色信息浅色默认--cd-color-info-light-hover 全局 · 颜色信息浅色悬浮态--cd-color-success 全局 · 颜色成功--cd-color-success-active 全局 · 颜色成功按下态--cd-color-success-disabled 全局 · 颜色成功禁用态--cd-color-success-hover 全局 · 颜色成功悬浮态--cd-color-success-light-active 全局 · 颜色成功浅色按下态--cd-color-success-light-default 全局 · 颜色成功浅色默认--cd-color-success-light-hover 全局 · 颜色成功浅色悬浮态--cd-color-warning 全局 · 颜色警告--cd-color-warning-active 全局 · 颜色警告按下态--cd-color-warning-disabled 全局 · 颜色警告禁用态--cd-color-warning-hover 全局 · 颜色警告悬浮态--cd-color-warning-light-active 全局 · 颜色警告浅色按下态--cd-color-warning-light-default 全局 · 颜色警告浅色默认--cd-color-warning-light-hover 全局 · 颜色警告浅色悬浮态文本
--cd-color-text-0 全局 · 颜色文字0--cd-color-text-1 全局 · 颜色文字1--cd-color-text-2 全局 · 颜色文字2--cd-color-text-3 全局 · 颜色文字3背景
--cd-color-bg-0 全局 · 颜色背景色0--cd-color-bg-1 全局 · 颜色背景色1--cd-color-bg-2 全局 · 颜色背景色2--cd-color-bg-3 全局 · 颜色背景色3--cd-color-bg-4 全局 · 颜色背景色4--cd-color-bg-inverse 全局 · 颜色背景色反相--cd-color-nav-bg 全局 · 颜色nav背景色--cd-color-overlay-bg 全局 · 颜色遮罩背景色填充
--cd-color-fill-0 全局 · 颜色填充0--cd-color-fill-1 全局 · 颜色填充1--cd-color-fill-2 全局 · 颜色填充2边框 / 聚焦
--cd-color-border 全局 · 颜色边框--cd-color-focus 全局 · 颜色聚焦态--cd-color-focus-border 全局 · 颜色聚焦态边框--cd-focus-ring 全局 · 聚焦态ring禁用态
--cd-color-disabled-bg 全局 · 颜色禁用态背景色--cd-color-disabled-border 全局 · 颜色禁用态边框--cd-color-disabled-fill 全局 · 颜色禁用态填充--cd-color-disabled-text 全局 · 颜色禁用态文字链接
--cd-color-link 全局 · 颜色链接--cd-color-link-active 全局 · 颜色链接按下态--cd-color-link-hover 全局 · 颜色链接悬浮态--cd-color-link-visited 全局 · 颜色链接已访问高亮
--cd-color-highlight highlight · 颜色--cd-color-highlight-bg highlight · 颜色背景色其它
--cd-color-ai-background-bottom ai · 颜色backgroundbottom--cd-color-ai-background-bottom-active ai · 颜色backgroundbottom按下态--cd-color-ai-background-bottom-hover ai · 颜色backgroundbottom悬浮态--cd-color-ai-background-top ai · 颜色backgroundtop--cd-color-ai-background-top-active ai · 颜色backgroundtop按下态--cd-color-ai-background-top-hover ai · 颜色backgroundtop悬浮态--cd-color-ai-general ai · 颜色general--cd-color-ai-general-active ai · 颜色general按下态--cd-color-ai-general-disabled ai · 颜色general禁用态--cd-color-ai-general-hover ai · 颜色general悬浮态--cd-color-ai-general-light ai · 颜色general浅色--cd-color-ai-general-multiple-0 ai · 颜色generalmultiple0--cd-color-ai-general-multiple-1 ai · 颜色generalmultiple1--cd-color-ai-general-multiple-2 ai · 颜色generalmultiple2--cd-color-ai-general-multiple-3 ai · 颜色generalmultiple3--cd-color-ai-general-two-primary ai · 颜色generaltwo主要--cd-color-ai-purple ai · 颜色purple--cd-color-ai-purple-active ai · 颜色purple按下态--cd-color-ai-purple-disabled ai · 颜色purple禁用态--cd-color-ai-purple-hover ai · 颜色purple悬浮态--cd-color-data-0 data · 颜色0--cd-color-data-1 data · 颜色1--cd-color-data-10 data · 颜色10--cd-color-data-11 data · 颜色11--cd-color-data-12 data · 颜色12--cd-color-data-13 data · 颜色13--cd-color-data-14 data · 颜色14--cd-color-data-15 data · 颜色15--cd-color-data-16 data · 颜色16--cd-color-data-17 data · 颜色17--cd-color-data-18 data · 颜色18--cd-color-data-19 data · 颜色19--cd-color-data-2 data · 颜色2--cd-color-data-3 data · 颜色3--cd-color-data-4 data · 颜色4--cd-color-data-5 data · 颜色5--cd-color-data-6 data · 颜色6--cd-color-data-7 data · 颜色7--cd-color-data-8 data · 颜色8--cd-color-data-9 data · 颜色9--cd-color-default default · 颜色--cd-color-default-active default · 颜色按下态--cd-color-default-hover default · 颜色悬浮态--cd-color-mask mask · 颜色--cd-color-rating-icon-default rating · 颜色图标默认--cd-color-shadow 全局 · 颜色阴影预览
Primary
Success
Danger
选择
选项一
选项一
选项二
选项三
0 100
导出
/* 尚无覆写 */