7.3 KiB
7.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.
Brand Color
#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
Info
#909399
Neutral Color
Neutral colors are for text, background and border colors. You can use different neutral colors to represent the hierarchical structure.
Primary Text
{{textPrimary}}
Regular Text
{{textRegular}}
Secondary Text
{{textSecondary}}
Placeholder Text
{{textPlaceholder}}
Base Border
{{borderBase}}
Light Border
{{borderLight}}
Lighter Border
{{borderLighter}}
Extra Light Border
{{borderExtraLight}}
Basic Black
{{black}}
Basic White
{{white}}
Transparent
Transparent