Colors
Main Colors
Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.
Primary
HEX : #44a2d2
RGB : (68, 162, 210)
RGBA : (68, 162, 210, 1)
Secondary
HEX : #6c757d
RGB : (108, 117, 125)
RGBA : (108, 117, 125, 1)
Success
HEX : #0acf97
RGB : (10, 207, 151)
RGBA : (10, 207, 151, 1)
Danger
HEX : #f1556c
RGB : (241, 85, 108)
RGBA : (241, 85, 108, 1)
Warning
HEX : #f9bc0b
RGB : (249, 188, 11)
RGBA : (249, 188, 11, 1)
Info
HEX : #2d7bf4
RGB : (45, 123, 244)
RGBA : (45, 123, 244, 1)
Pink
HEX : #ff679b
RGB : (255, 103, 155)
RGBA : (255, 103, 155, 1)
Purple
HEX : #777edd
RGB : (119, 126, 221)
RGBA : (119, 126, 221, 1)
Dark
HEX : #343a40
RGB : (52, 58, 64)
RGBA : (52, 58, 64, 1)
Light
HEX : #e9ecef
RGB : (233, 236, 239)
RGBA : (233, 236, 239, 1)
white
HEX : #ffffff
RGB : (255, 255, 255)
RGBA : (255, 255, 255, 1)
Costum Colors Variation
Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.
.bg-dark-primary
.bg-primary
.bg-primary-subtle
.bg-dark-danger
.bg-danger
.bg-danger-subtle
.bg-dark-dark
.bg-dark
.bg-dark-subtle
.bg-dark-secondary
.bg-secondary
.bg-secondary-subtle
.bg-dark-warning
.bg-warning
.bg-warning-subtle
.bg-dark-purple
.bg-purple
.bg-purple-subtle
.bg-dark-success
.bg-success
.bg-success-subtle
.bg-dark-info
.bg-info
.bg-info-subtle
.bg-dark-pink
.bg-pink
.bg-pink-subtle