Color 色彩

dh-design-pc 使用 DH 色彩体系，并映射为与 Element Plus 兼容的颜色变量。组件、文档和扩展色板都读取同一套 DH 色值。

基础色板

覆盖常用的品牌色、语义色及中性色总览，适合作为快速查阅。

主色用于品牌表达与关键操作。DHdesign 使用自贸蓝 blue-5 作为主色，下方依次展示加深色、悬停色、禁用文字色、禁用背景色和浅色背景。

功能色用于表达成功、警告、危险和信息状态。前三种分别取自雨林绿、落日橙和丹黎红色板，信息色使用 PC 中性色。

中性色用于文本、边框和背景，通过不同的明度表达信息层级。

扩展色板是完整的 12 套 0–9 色阶，供数据可视化、分类标识和专题场景选色。它包含主色与功能色的来源色板，但表示的是可选颜色，不代表固定的组件语义。

DHdesign 色彩体系以 CSS 变量的形式提供，可直接在样式中使用。

变量前缀	说明
`--el-color-primary`	主色及其 `light-3` ~ `light-9`、`dark-2` 变体
`--el-color-success` / `warning` / `danger` / `error` / `info`	语义色及其 `light-*` 变体
`--el-text-color-*`	文本颜色层级
`--el-border-color-*`	边框颜色层级
`--el-fill-color-*`	填充颜色层级
`--el-bg-color-*`	背景颜色层级

完整的颜色来源、用途和色阶说明参见 DHdesign 色彩系统。