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