Color Themes
Preview Color Theme
Primary Colors Colors of the active color theme
.bg-primary-lighter
.bg-primary-light
.bg-primary
.bg-gd-primary
.bg-primary-dark
.bg-primary-darker
.bg-primary-op
.bg-primary-dark-op
Primary Lighter
.text-primary-lighter
Primary Light
.text-primary-light
Primary
.text-primary
Primary Dark
.text-primary-dark
Primary Darker
.text-primary-darker
Default Theme
.bg-default-lighter
.bg-default-light
.bg-default
.bg-gd-default
.bg-default-dark
.bg-default-darker
.bg-default-op
.bg-default-dark-op
Default Lighter
.text-default-lighter
Default Light
.text-default-light
Default Main
.text-default
Default Dark
.text-default-dark
Default Darker
.text-default-darker
xWork Theme
.bg-xwork-lighter
.bg-xwork-light
.bg-xwork
.bg-gd-xwork
.bg-xwork-dark
.bg-xwork-darker
.bg-xwork-op
.bg-xwork-dark-op
xWork Lighter
.text-xwork-lighter
xWork Light
.text-xwork-light
xWork Main
.text-xwork
xWork Dark
.text-xwork-dark
xWork Darker
.text-xwork-darker
xModern Theme
.bg-xmodern-lighter
.bg-xmodern-light
.bg-xmodern
.bg-gd-xmodern
.bg-xmodern-dark
.bg-xmodern-darker
.bg-xmodern-op
.bg-xmodern-dark-op
xModern Lighter
.text-xmodern-lighter
xModern Light
.text-xmodern-light
xModern Main
.text-xmodern
xModern Dark
.text-xmodern-dark
xModern Darker
.text-xmodern-darker
xEco Theme
.bg-xeco-lighter
.bg-xeco-light
.bg-xeco
.bg-gd-xeco
.bg-xeco-dark
.bg-xeco-darker
.bg-xeco-op
.bg-xeco-dark-op
xEco Lighter
.text-xeco-lighter
xEco Light
.text-xeco-light
xEco Main
.text-xeco
xEco Dark
.text-xeco-dark
xEco Darker
.text-xeco-darker
xSmooth Theme
.bg-xsmooth-lighter
.bg-xsmooth-light
.bg-xsmooth
.bg-gd-xsmooth
.bg-xsmooth-dark
.bg-xsmooth-darker
.bg-xsmooth-op
.bg-xsmooth-dark-op
xSmooth Lighter
.text-xsmooth-lighter
xSmooth Light
.text-xsmooth-light
xSmooth Main
.text-xsmooth
xSmooth Dark
.text-xsmooth-dark
xSmooth Darker
.text-xsmooth-darker
xInspire Theme
.bg-xinspire-lighter
.bg-xinspire-light
.bg-xinspire
.bg-gd-xinspire
.bg-xinspire-dark
.bg-xinspire-darker
.bg-xinspire-op
.bg-xinspire-dark-op
xInspire Lighter
.text-xinspire-lighter
xInspire Light
.text-xinspire-light
xInspire Main
.text-xinspire
xInspire Dark
.text-xinspire-dark
xInspire Darker
.text-xinspire-darker
xDream Theme
.bg-xdream-lighter
.bg-xdream-light
.bg-xdream
.bg-gd-xdream
.bg-xdream-dark
.bg-xdream-darker
.bg-xdream-op
.bg-xdream-dark-op
xDream Lighter
.text-xdream-lighter
xDream Light
.text-xdream-light
xDream Main
.text-xdream
xDream Dark
.text-xdream-dark
xDream Darker
.text-xdream-darker
xPro Theme
.bg-xpro-lighter
.bg-xpro-light
.bg-xpro
.bg-gd-xpro
.bg-xpro-dark
.bg-xpro-darker
.bg-xpro-op
.bg-xpro-dark-op
xPro Lighter
.text-xpro-lighter
xPro Light
.text-xpro-light
xPro Main
.text-xpro
xPro Dark
.text-xpro-dark
xPro Darker
.text-xpro-darker
xPlay Theme
.bg-xplay-lighter
.bg-xplay-light
.bg-xplay
.bg-gd-xplay
.bg-xplay-dark
.bg-xplay-darker
.bg-xplay-op
.bg-xplay-dark-op
xPlay Lighter
.text-xplay-lighter
xPlay Light
.text-xplay-light
xPlay Main
.text-xplay
xPlay Dark
.text-xplay-dark
xPlay Darker
.text-xplay-darker
Contextual Colors
.bg-success
.bg-info
.bg-warning
.bg-danger
.bg-success-light
.bg-info-light
.bg-warning-light
.bg-danger-light
Success
.text-success
Info
.text-info
Warning
.text-warning
Danger
.text-danger
Success Light
.text-success-light
Info Light
.text-info-light
Warning Light
.text-warning-light
Danger Light
.text-danger-light
Gray Colors
.bg-gray-lighter
.bg-gray-light
.bg-gray
.bg-gray-dark
.bg-gray-darker
Gray Lighter
.text-gray-lighter
Gray Light
.text-gray-light
Gray
.text-gray
Gray Dark
.text-gray-dark
Gray Darker
.text-gray-darker
Gradient Colors
.bg-gd-dusk
.bg-gd-fruit
.bg-gd-aqua
.bg-gd-sublime
.bg-gd-sea
.bg-gd-leaf
.bg-gd-lake
.bg-gd-sun
Gradient Colors with Opacity
.bg-gd-dusk-op
.bg-gd-fruit-op
.bg-gd-aqua-op
.bg-gd-sublime-op
.bg-gd-sea-op
.bg-gd-leaf-op
.bg-gd-lake-op
.bg-gd-sun-op