Colors
We have a series of colors that are used by default. They include:
- primary
- Secondary
- 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,5 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. |
| Background With Rgba Color | .bg-rgba-{colorName} |
The class is used for set opacity of given color to 0.15. |
| Background With Overlay Color | .overlay-{colorName} |
The class is used for set opacity value to 0.6 of background color. |
| Border Color | .border-{colorName} |
The class is used for border color. |
| Border Specific Color |
.border-{top/bottom/left/right}-{colorName}
|
The class is used for border specific color like (top/bottom/left/right). |
| Text Color | .{colorName} |
The class is used for text color. |
Reference :
| Type | URL |
|---|---|
| Template Page | https://pixinvent.com/demo/frest-clean-bootstrap-admin-dashboard-template/html/ltr/vertical-menu-template/colors.html |