# Color 色彩

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

# 主题色

Element-Theme-Ink 决定以黑白色调为主。

文本选中时,色彩也为黑白。

暗亮

Dark
#303133
Light
#fafbfc
Black
#000000
White
#ffffff

# 辅助色

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

参考 Semantic-UI (opens new window) 使用更为鲜艳的颜色。

Blue
#0078E7
Success
#21ba45
Warning
#f2711c
Danger
#db2828
Info
#42B8DD
Purple
#8e71c1
Gray
#eeeeee

# 中性色

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

主要文字
#303133
常规文字
#606266
次要文字
#909399
占位文字
#C0C4CC
一级边框
#DCDFE6
二级边框
#E4E7ED
三级边框
#EBEEF5
四级边框
#F2F6FC