DSM 主题编辑器
编辑全局语义色与各组件设计变量，实时预览、导出主题。全局层 83 个 alias · 组件层 79 个组件。
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-general ai · 颜色general--cd-color-ai-general-active ai · 颜色general按下态--cd-color-ai-general-hover ai · 颜色general悬浮态--cd-color-mask mask · 颜色--cd-color-rating-icon-default rating · 颜色图标默认--cd-color-shadow 全局 · 颜色阴影预览
Primary
Success
Danger
选项一
选项一
选项二
选项三
导出
/* 尚无覆写 */