vue element plus Color 色彩

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

主色#

Element Plus 默认的主题色是明亮、友好的蓝色。

Brand Color

#409EFF

辅助色#

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

Success

#67C23A

Warning

#E6A23C

Danger

#F56C6C

Info

#909399

中性色#

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

Primary Text

#E5EAF3

Regular Text

#CFD3DC

Secondary Text

#A3A6AD

Placeholder Text

#8D9095

Disabled Text

#6C6E72

Darker Border

#636466

Dark Border

#58585B

Base Border

#4C4D4F

Light Border

#414243

Lighter Border

#363637

Extra-light Border

#2B2B2C

Darker Fill

#424243

Dark Fill

#39393A

Base Fill

#303030

Light Fill

#262727

Lighter Fill

#1D1D1D

Extra-light Fill

#191919

Blank Fill

TRANSPARENT

Basic Black

#000000

Basic White

#FFFFFF

Transparent

Transparent

Page Background

#0A0A0A

Base Background

#141414

Overlay Background

#1D1E1F

源代码#

文档