Learn how to color your element’s text with the coloring utilities to modify and design your elements easily with shorthand classes
you can customize the colors from the CSS Customization document with CSS variables.
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> |
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> |