Color utilities

THIS MONTH

$12,125

LAST YEAR

$22,754

Gradientcolors

gradient colors
.bg-gradient-amber
.bg-gradient-bluecyan
.bg-gradient-blueindigo
.bg-gradient-brown
.bg-gradient-cyangreen
.bg-gradient-deeporange
.bg-gradient-deeppurple
.bg-gradient-deeppurpleblue
.bg-gradient-greenteal
.bg-gradient-greyblue
.bg-gradient-indigolightblue
.bg-gradient-indigopurple
.bg-gradient-purpleamber
.bg-gradient-purpleorange
.bg-gradient-redpink
gradient colors in dark theme
.bg-gradient-amber-dark
.bg-gradient-bluecyan-dark
.bg-gradient-blueindigo-dark
.bg-gradient-brown-dark
.bg-gradient-cyangreen-dark
.bg-gradient-deeporange-dark
.bg-gradient-deeppurple-dark
.bg-gradient-deeppurpleblue-dark
.bg-gradient-greenteal-dark
.bg-gradient-greyblue-dark
.bg-gradient-indigolightblue-dark
.bg-gradient-indigopurple-dark
.bg-gradient-purpleamber-dark
.bg-gradient-purpleorange-dark
.bg-gradient-redpink-dark

Backgroundcolors

Solid colors

.bg-*can apply to any element, where *is a color name.

.bg-primary
.bg-secondary
.bg-success
.bg-info
.bg-warning
.bg-danger
.bg-dark
Other colors

Some other fade colors are available for background-color.

.bg-white
.bg-transparent
.bg-light
.bg-lighter
.bg-lightest

SVGImg Background

SVG Background with color
.bg-temple-dark
.bg-food-dark
.bg-brick-dark
.bg-bubbles-dark
SVG Background with Transparent color
.bg-temple-white
.bg-food-white
.bg-brick-white
.bg-bubbles-white

Bordercolors

.border-*can apply to any element, where *is a color name.

Default color
.border-primary
.border-secondary
.border-success
.border-info
.border-warning
.border-danger
.border-dark
.border-white
.border-light
.border-transparent

Textcolors

Text colors

.text-*can apply to any element, where *is a color name. Please note that you can safely add these classes to an <a>element.

.text-primary
.text-secondary
.text-success
.text-info
.text-warning
.text-danger
.text-dark
.text-mute
.text-light
.text-lighter
.text-fade
.text-white
Hover colors

.hover-*can apply to any element, where *is a color name. Please note that you can safely add these classes to an <a>element.