element/examples/docs/zh-CN/color.md

7.2 KiB

Color 色彩

Element 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。

主色

Element 主要品牌颜色是鲜艳、友好的蓝色。

Brand Color
#409EFF

辅助色

除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。

Success
#67C23A
Warning
#E6A23C
Danger
#F56C6C
Info
#909399

中性色

中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。

主要文字
{{textPrimary}}
常规文字
{{textRegular}}
次要文字
{{textSecondary}}
占位文字
{{textPlaceholder}}
一级边框
{{borderBase}}
二级边框
{{borderLight}}
三级边框
{{borderLighter}}
四级边框
{{borderExtraLight}}
基础黑色
{{black}}
基础白色
{{white}}
透明
Transparent