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
#E6A23C
Danger
#F56C6C

Neutral Color

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

Primary Text
Regular Text
Secondary Text
Placeholder Text
#C0C4CC
Base Border
#DCDFE6
Light Border
#E4E7ED
Lighter Border
#EBEEF5
Extra Light Border
#F2F6FC