Colors

Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.

Colors on Bootstrap
Theme colors
.text-primary 
.bg-primary
.text-secondary 
.bg-secondary
.text-success 
.bg-success
.text-info 
.bg-info
.text-warning 
.bg-warning
.text-danger 
.bg-danger
.text-light 
.bg-light
.text-dark 
.bg-dark
Gray shades
.text-black 
.bg-black
.text-1100 
.bg-1100
.text-1000 
.bg-1000
.text-900 
.bg-900
.text-800 
.bg-800
.text-700 
.bg-700
.text-600 
.bg-600
.text-500 
.bg-500
.text-400 
.bg-400
.text-300 
.bg-300
.text-200 
.bg-200
.text-100 
.bg-100
.text-white 
.bg-white
Background Gradient

By adding a .bg-gradient class, a linear gradient is added as background image to the backgrounds. This gradient starts with a semi-transparent white which fades out to the bottom.

Do you need a gradient in your custom CSS? Just add background-image: var(--bs-gradient);.

.bg-gradient
.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
Soft colors
.text-primary
.bg-soft-primary
.text-secondary
.bg-soft-secondary
.text-success
.bg-soft-success
.text-info
.bg-soft-info
.text-warning
.bg-soft-warning
.text-danger
.bg-soft-danger
.text-light
.bg-soft-light
.text-dark
.bg-soft-dark
Brand colors
.text-facebook 
.bg-facebook
.text-google-plus 
.bg-google-plus
.text-twitter 
.bg-twitter
.text-linkedin 
.bg-linkedin
.text-youtube 
.bg-youtube
.text-github 
.bg-github

Thank you for creating with Falcon |
2021 © Themewagon

v3.0.0-beta5

customize