Color

1. Theme Colors

Class syntax:

[ property ]-[ theme color ]
bg-danger
list-group-item-success
btn-primary

Supported properties:

Background Color (bg-)
Text Color (text-)
Border Color (border-)
Button (btn-, btn-outline-, btn-text-)
Alert (alert-)
Badge (badge-)
List Group Item (list-group-item-)
Card (card-outline-)
Checkbox (input-)

Radio (input-)
Switch (input-)
Range Slider (range-)
Spinner (spinner-)
Table (table-)
Tab (accent-, primary-)
Select (accent-, primary-)
Text Field (accent-, primary-)

2. Material Design Colors

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

Class syntax:

[ property ]-[ color ]
bg-red
text-deep-purple
btn-blue
[ property ]-[ color ]-[ shade ]
btn-red-300
border-red-a700
default shade is 500

Supported properties:

Background Color (bg-)
Text Color (text-)
Border Color (border-)
Button (btn-)