# 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