Explore Templates
Background
Convey meaning through background-color and add decoration with gradients.
Solid Color
For backgrounds, use .bg-* with any color from a predefined set of 270+ colors. Choose from 22 base colors with respective light & dark shades. See full list of colors here.
Dark Color
For Dark backgrounds, use .bg-dark-*
Grey Color
For Dark backgrounds, use .bg-grey-*
Background Opacity
A set of dark & light background is made with different transparencies.
This is default success background
This is 75% opacity success background
This is 50% opacity success background
This is 25% opacity success background
This is 10% opacity success background
Overlay
Use .bg-overlay .bg-success .bg-opacity-*.