Color Themes
Carefully picked colors that will inspire and make you more productive.
Preview Color Theme
Primary Colors Colors of the active color theme
.bg-primary-lighter
.bg-primary-light
.bg-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-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
Amethyst Theme
.bg-amethyst-lighter
.bg-amethyst-light
.bg-amethyst
.bg-amethyst-dark
.bg-amethyst-darker
.bg-amethyst-op
.bg-amethyst-dark-op
Amethyst Lighter
.text-amethyst-lighter
Amethyst Light
.text-amethyst-light
Amethyst Main
.text-amethyst
Amethyst Dark
.text-amethyst-dark
Amethyst Darker
.text-amethyst-darker
City Theme
.bg-city-lighter
.bg-city-light
.bg-city
.bg-city-dark
.bg-city-darker
.bg-city-op
.bg-city-dark-op
City Lighter
.text-city-lighter
City Light
.text-city-light
City Main
.text-city
City Dark
.text-city-dark
City Darker
.text-city-darker
Flat Theme
.bg-flat-lighter
.bg-flat-light
.bg-flat
.bg-flat-dark
.bg-flat-darker
.bg-flat-op
.bg-flat-dark-op
Flat Lighter
.text-flat-lighter
Flat Light
.text-flat-light
Flat Main
.text-flat
Flat Dark
.text-flat-dark
Flat Darker
.text-flat-darker
Modern Theme
.bg-modern-lighter
.bg-modern-light
.bg-modern
.bg-modern-dark
.bg-modern-darker
.bg-modern-op
.bg-modern-dark-op
Modern Lighter
.text-modern-lighter
Modern Light
.text-modern-light
Modern Main
.text-modern
Modern Dark
.text-modern-dark
Modern Darker
.text-modern-darker
Smooth Theme
.bg-smooth-lighter
.bg-smooth-light
.bg-smooth
.bg-smooth-dark
.bg-smooth-darker
.bg-smooth-op
.bg-smooth-dark-op
Smooth Lighter
.text-smooth-lighter
Smooth Light
.text-smooth-light
Smooth Main
.text-smooth
Smooth Dark
.text-smooth-dark
Smooth Darker
.text-smooth-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