### Colors

##### Background Colors

Primary

#F26522

Secondary

#3B7080

warning

#FFC107

info

#1b84ff

success

#28C76F

danger

#E70D0D

light

#F8F9FA

dark

#212529

`.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.