Colors

These modular elements can be readily used and customized in every layout across pages.

Theme colors

.bg-primary
.text-primary
.bg-secondary
.text-secondary
.bg-success
.text-success
.bg-info
.text-info
.bg-warning
.text-warning
.bg-danger
.text-danger
.bg-light
.text-light
.bg-dark
.text-dark
.bg-white
.text-white
.bg-black
.text-black
.bg-body-secondary
.bg-body-tertiary
.bg-body

Theme subtle colors

.bg-primary-subtle
.bg-secondary-subtle
.bg-success-subtle
.bg-info-subtle
.bg-warning-subtle
.bg-danger-subtle
.bg-light-subtle
.bg-dark-subtle

Gradient colors

.bg-primary.bg-gradient
.bg-secondary.bg-gradient
.bg-success.bg-gradient
.bg-info.bg-gradient
.bg-warning.bg-gradient
.bg-danger.bg-gradient
.bg-light.bg-gradient
.bg-dark.bg-gradient

Gray shades

.bg-gray-1100
.text-gray-1100
.bg-gray-1000
.text-gray-1000
.bg-gray-900
.text-gray-900
.bg-gray-800
.text-gray-800
.bg-gray-700
.text-gray-700
.bg-gray-600
.text-gray-600
.bg-gray-500
.text-gray-500
.bg-gray-400
.text-gray-400
.bg-gray-300
.text-gray-300
.bg-gray-200
.text-gray-200
.bg-gray-100
.text-gray-100