Themes
HBS Theme
Create a new theme by copying /styles/hbs-theme.scss into a new file and importing into your main layout file at /app/layout.js
Solid Colors
.bg-primary
Opacity Variants
.bg-primary
.opacity-100
.opacity-100
.bg-primary
.opacity-75
.opacity-75
.bg-primary
.opacity-50
.opacity-50
.bg-primary
.opacity-25
.opacity-25
.bg-secondary
Opacity Variants
.bg-secondary
.opacity-100
.opacity-100
.bg-secondary
.opacity-75
.opacity-75
.bg-secondary
.opacity-50
.opacity-50
.bg-secondary
.opacity-25
.opacity-25
.bg-success
Opacity Variants
.bg-success
.opacity-100
.opacity-100
.bg-success
.opacity-75
.opacity-75
.bg-success
.opacity-50
.opacity-50
.bg-success
.opacity-25
.opacity-25
.bg-danger
Opacity Variants
.bg-danger
.opacity-100
.opacity-100
.bg-danger
.opacity-75
.opacity-75
.bg-danger
.opacity-50
.opacity-50
.bg-danger
.opacity-25
.opacity-25
.bg-warning
Opacity Variants
.bg-warning
.opacity-100
.opacity-100
.bg-warning
.opacity-75
.opacity-75
.bg-warning
.opacity-50
.opacity-50
.bg-warning
.opacity-25
.opacity-25
.bg-info
Opacity Variants
.bg-info
.opacity-100
.opacity-100
.bg-info
.opacity-75
.opacity-75
.bg-info
.opacity-50
.opacity-50
.bg-info
.opacity-25
.opacity-25
.bg-light
Opacity Variants
.bg-light
.opacity-100
.opacity-100
.bg-light
.opacity-75
.opacity-75
.bg-light
.opacity-50
.opacity-50
.bg-light
.opacity-25
.opacity-25
.bg-dark
Opacity Variants
.bg-dark
.opacity-100
.opacity-100
.bg-dark
.opacity-75
.opacity-75
.bg-dark
.opacity-50
.opacity-50
.bg-dark
.opacity-25
.opacity-25
Gradient Colors
.bg-primary
.bg-gradient
.bg-gradient
.bg-secondary
.bg-gradient
.bg-gradient
.bg-success
.bg-gradient
.bg-gradient
.bg-danger
.bg-gradient
.bg-gradient
.bg-warning
.bg-gradient
.bg-gradient
.bg-info
.bg-gradient
.bg-gradient
.bg-light
.bg-gradient
.bg-gradient
.bg-dark
.bg-gradient
.bg-gradient