Colors

Theme colors

  • primary
  • secondary
  • success
  • warning
  • info
  • light
  • dark

Background colors classes

  • Primary Variants
  • .bg-primary-lightest
  • .bg-primary-lighter
  • .bg-primary
  • .bg-primary-darker
  • .bg-primary-darkest
  • Secondary variants
  • .bg-secondary-lightest
  • .bg-secondary-lighter
  • .bg-secondary
  • .bg-secondary-darker
  • .bg-secondary-darkest
  • Success variants
  • .bg-success-lightest
  • .bg-success-lighter
  • .bg-success
  • .bg-success-darker
  • .bg-success-darkest
  • Warning variants
  • .bg-warning-lightest
  • .bg-warning-lighter
  • .bg-warning
  • .bg-warning-darker
  • .bg-warning-darkest
  • Info variants
  • .bg-info-lightest
  • .bg-info-lighter
  • .bg-info
  • .bg-info-darker
  • .bg-info-darkest
  • Light variants
  • .bg-light-lightest
  • .bg-light-lighter
  • .bg-light
  • .bg-light-darker
  • .bg-light-darkest
  • Dark variants
  • .bg-dark-lightest
  • .bg-dark-lighter
  • .bg-dark
  • .bg-dark-darker
  • .bg-dark-darkest

Text colors classes

  • Text Primary Variants
  • .text-primary-lightest
  • .text-primary-lighter
  • .text-primary
  • .text-primary-darker
  • .text-primary-darkest
  • Text Secondary Variants
  • .text-secondary-lightest
  • .text-secondary-lighter
  • .text-secondary
  • .text-secondary-darker
  • .text-secondary-darkest
  • Text Success Variants
  • .text-success-lightest
  • .text-success-lighter
  • .text-success
  • .text-success-darker
  • .text-success-darkest
  • Text Warning Variants
  • .text-warning-lightest
  • .text-warning-lighter
  • .text-warning
  • .text-warning-darker
  • .text-warning-darkest
  • Text Info Variants
  • .text-info-lightest
  • .text-info-lighter
  • .text-info
  • .text-info-darker
  • .text-info-darkest
  • Text Light Variants
  • .text-light-lightest
  • .text-light-lighter
  • .text-light
  • .text-light-darker
  • .text-light-darkest
  • Text Dark Variants
  • .text-dark-lightest
  • .text-dark-lighter
  • .text-dark
  • .text-dark-darker
  • .text-dark-darkest

Background colors classes

  • Primary Variants
  • border-primary-lightest
  • border-primary-lighter
  • border-primary
  • border-primary-darker
  • border-primary-darkest
  • Secondary variants
  • border-secondary-lightest
  • border-secondary-lighter
  • border-secondary
  • border-secondary-darker
  • border-secondary-darkest
  • Success variants
  • border-success-lightest
  • border-success-lighter
  • border-success
  • border-success-darker
  • border-success-darkest
  • Warning variants
  • border-warning-lightest
  • border-warning-lighter
  • border-warning
  • border-warning-darker
  • border-warning-darkest
  • Info variants
  • border-info-lightest
  • border-info-lighter
  • border-info
  • border-info-darker
  • border-info-darkest
  • Light variants
  • border-light-lightest
  • border-light-lighter
  • border-light
  • border-light-darker
  • border-light-darkest
  • Dark variants
  • border-dark-lightest
  • border-dark-lighter
  • border-dark
  • border-dark-darker
  • border-dark-darkest