Colors

These color palettes comprises shades of colors indicated by alphanumeric values on the left (50 ... 900, a100 ... a700) and HEX values on the right.

To use a color, you have to create a class with the following syntax:
[ property ]-[ color ]
[ property ]-[ color ]-[ shade ]
[ property ]-[ bootstrap's conceptual class ]


The following properties are supported:
Alert (ms-alert)
Badge (badge)
Background Color (bg)
Button (btn)
List Item (list-group-item)
Text Color (text)

bg-red
text-deep-purple
btn-blue
btn-red-300
list-group-item-red-a700
default shade is 500
bg-danger
list-group-item-success
btn-primary

Color Palettes