Colors
We have a series of colors that are used by default. They include:
- primary
- success
- danger
- warning
- info
Color Classes Variation :
| Color Options | Class | Description |
|---|---|---|
| Background Color | .bg-{colorName} |
The class is used for background color. |
| Lighten Color | .bg-{colorName}.bg-lighten-* |
For Lighten background color, this two classes needed. Here *: 1,2,3,4 lighten color options. |
| Darken Color | .bg-{colorName}.bg-darken-* |
For Darken background color, this two classes needed. Here *: 1,2,3,4 darken color options. |
| Gradient Color | .bg-gradient-{colorName} |
The class is used for background with gradient color |
| Background with rgba Color | .bg-rgba-{colorName} |
The class is used for set rgba alpha of given color to 0.15. |
| Background with bg-opacity Color | .overlay-{colorName} |
The class is used for set opacity value of background color. |
| Border Color | .border-{colorName} |
The class is used for border color. Use .border-{top/bottom/left/right}-{colorName}. |
| Text Color | .{colorName} |
The class is used for text color. |
Reference :
| Type | URL |
|---|---|
| Template Page | https://pixinvent.com/demo/vuexy-html-bootstrap-admin-template/html/ltr/vertical-menu-template/colors.html |