Coloring
Learn how to color your elements text with the coloring utilities to modify and design your elements easily with shorthand classes
Colors Customize
you can customize the colors from the CSS Customization document with css variables.
Assets Colors
in the table below you can find a list of shorthand for the most common colors as class names to set a color for any element text.
| Classname | Description | Markup |
|---|---|---|
.color-inherit |
set a color of Example for any text. | <any> |
.color-transparent |
set a color of Example for any text. | <any> |
.color-primary |
set a color of Example for any text. | <any> |
.color-secondary |
set a color of Example for any text. | <any> |
.color-success |
set a color of Example for any text. | <any> |
.color-danger |
set a color of Example for any text. | <any> |
.color-warning |
set a color of Example for any text. | <any> |
.color-info |
set a color of Example for any text. | <any> |
.color-gray |
set a color of Example for any text. | <any> |
.color-dark |
set a color of Example for any text. | <any> |
.color-white |
set a color of Example for any text. | <any> |
Brands Colors
in the table below you can find a list of shorthand color property most common colors as class names to set a color for any element text.
| Classname | Description | Markup |
|---|---|---|
.color-facebook |
set a color of Example for any text. | <any> |
.color-twitter |
set a color of Example for any text. | <any> |
.color-youtube |
set a color of Example for any text. | <any> |
.color-instagram |
set a color of Example for any text. | <any> |
.color-snapchat |
set a color of Example for any text. | <any> |
.color-whatsapp |
set a color of Example for any text. | <any> |
.color-pinterest |
set a color of Example for any text. | <any> |
.color-linkedin |
set a color of Example for any text. | <any> |
.color-behance |
set a color of Example for any text. | <any> |
.color-dribbble |
set a color of Example for any text. | <any> |
.color-flicker |
set a color of Example for any text. | <any> |