element/examples/docs/en-US/color.md

3.4 KiB

Color

Element uses a specific set of palettes to specify colors to provide a consistent look and feel for the products you build.

Main Color

The main color of Element is bright and friendly blue.

Blue
#409EFF

Secondary Color

Besides the main color, you need to use different scene colors in different scenarios (for example, dangerous color indicates dangerous operation)

Success
#67C23A
Warning
#EB9E05
Danger
#FA5555
Info
#878D99

Neutral Color

Neutral colors are for text, background and border colors. You can use different neutral colors to represent the hierarchical structure.

Primary Text
#2D2F33
Regular Text
#5A5E66
Secondary Text
#878D99
Placeholder Text
#B4BCCC
Base Border
#D8DCE6
Light Border
#DFE4ED
Lighter Border
#E6EBF5
Extra Light Border
#EDF2FC