Element colors

Element colors are used for elements and components. See usage examples below.

Default

Light
Dark

Primary

Light
Dark

Secondary

Light
Dark

Success

Light
Dark

Warning

Light
Dark

Danger

Light
Dark

Info

Light
Dark

Primary & default

All elements use the same color setting.

Buttons:

Badge:
Primary
Radio button:
Checkbox:
Switch:
Menu:
Pagination:
Progress bar:
25%
Tabs:
Range slider:
-

Success

Button:
Badge:
Success
Alert:

Warning

Button:
Badge:
Warning
Alert:

Danger

Button:
Badge:
Danger
Alert:

Info

Button:
Badge:
info
Alert:

Envision documentation