#### 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