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

4.3 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.

Light Blue
#58B7FF
Blue
#20A0FF
Dark Blue
#1D8CE0

Secondary Color

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

Blue
#20A0FF
Success
#13CE66
Warning
#F7BA2A
Danger
#FF4949

Neutral Color

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

Black
#1F2D3D
Light Black
Extra Light Black
Silver
#8492A6
Light Silver
#99A9BF
Extra Light Silver
#C0CCDA
Gray
#D3DCE6
Light Gray
#E5E9F2
Extra Light Gray
#EFF2F7
Dark White
#F9FAFC
White
#FFFFFF