Changing Primary Color

To change the primary color to a custom color, open src/assets/scss/bootstrap/bootstrap.scss and assign your custom color value to $primary and run npm run build then run npm run dev

Background Colors

  • .bg-primary-emphasis
  • .bg-primary
  • .bg-primary-subtle
  • .bg-secondary-emphasis
  • .bg-secondary
  • .bg-secondary-subtle
  • .bg-success-emphasis
  • .bg-success
  • .bg-success-subtle
  • .bg-danger-emphasis
  • .bg-danger
  • .bg-danger-subtle
  • .bg-warning-emphasis
  • .bg-warning
  • .bg-warning-subtle
  • .bg-info-emphasis
  • .bg-info
  • .bg-info-subtle
  • .bg-light-emphasis
  • .bg-light
  • .bg-light-subtle
  • .bg-dark-emphasis
  • .bg-dark
  • .bg-dark-subtle

Background color code

Text Colors

  • .text-primary-emphasis
  • .text-primary
  • .text-primary-subtle
  • .text-secondary-emphasis
  • .text-secondary
  • .text-secondary-subtle
  • .text-success-emphasis
  • .text-success
  • .text-success-subtle
  • .text-danger-emphasis
  • .text-danger
  • .text-danger-subtle
  • .text-warning-emphasis
  • .text-warning
  • .text-warning-subtle
  • .text-info-emphasis
  • .text-info
  • .text-info-subtle
  • .text-light-emphasis
  • .text-light
  • .text-light-subtle
  • .text-dark-emphasis
  • .text-dark
  • .text-dark-subtle

Text color code