Background Colors

Primary

#FF9F43

Secondary

#092C4C

warning

#FF9900

info

#17a2b8

success

#28C76F

danger

#FF0000

light

#f8f9fa

dark

#29344a

.bg-primary

.bg-secondary

.bg-warning

.bg-info

.bg-success

.bg-danger

.bg-light

.bg-dark

Background transparent colors

.bg-primary-transparent

.bg-secondary-transparent

.bg-warning-transparent

.bg-info-transparent

.bg-success-transparent

.bg-danger-transparent

.bg-light-transparent

.bg-dark-transparent

Background gradients

.bg-primary-gradient

.bg-secondary-gradient

.bg-warning-gradient

.bg-info-gradient

.bg-success-gradient

.bg-danger-gradient

.bg-light-gradient

.bg-dark-gradient

Background outline colors

.bg-outline-primary

.bg-outline-secondary

.bg-outline-warning

.bg-outline-info

.bg-outline-success

.bg-outline-danger

.bg-outline-light

.bg-outline-dark

Border Colors

.border-primary

.border-secondary

.border-warning

.border-info

.border-success

.border-danger

.border-light

.border-dark

Text Colors
primary

.text-primary

secondary

.text-secondary

warning

.text-warning

info

.text-info

success

.text-success

danger

.text-danger

light

.text-light

dark

.text-dark

muted

.text-muted

Text Opacity
Opacity-100

100% opacity

Opacity-100

.text-opacity-75

Opacity-100

.text-opacity-50

Opacity-100

.text-opacity-25

Other Colors
$gray-100
$gray-200
$gray-300
$gray-400
$gray-500
$gray-600
$gray-700
$gray-800
$gray-900
$gray
Background Opacity
100%

.bg-opacity-100

75%

.bg-opacity-75

50%

.bg-opacity-50

25%

.bg-opacity-25

10%

.bg-opacity-10

Callout
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Customize
Sidebar Size
Default
Small Hover View
Sidebar Color
Default
Gray
Color
Dark
Navbar Type