Color 色彩

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

主色

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

Color 色彩 - 图1

辅助色

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

Color 色彩 - 图2

Color 色彩 - 图3

Color 色彩 - 图4

Color 色彩 - 图5

中性色

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

Color 色彩 - 图6Color 色彩 - 图7Color 色彩 - 图8Color 色彩 - 图9Color 色彩 - 图10

Color 色彩 - 图11Color 色彩 - 图12Color 色彩 - 图13Color 色彩 - 图14Color 色彩 - 图15Color 色彩 - 图16

Color 色彩 - 图17Color 色彩 - 图18Color 色彩 - 图19Color 色彩 - 图20Color 色彩 - 图21Color 色彩 - 图22Color 色彩 - 图23

Color 色彩 - 图24Color 色彩 - 图25Color 色彩 - 图26Color 色彩 - 图27Color 色彩 - 图28Color 色彩 - 图29

源代码

文档 Color 色彩 - 图30