Customize Styles

HB allows adding custom styles and overriding the Bootstrap default SCSS variables.

Add Custom Styles

Create the following file to add custom styles.

1/*! purgecss start ignore */
2
3.greeting {
4    color: green;
5}
6
7/*! purgecss end ignore */

Customize Bootstrap SCSS Variables

To customize the SCSS variables, you need to create the following file.

1$primary: indigo;

Available SCSS variables can be found at the docs and source code.

• https://getbootstrap.com/
• https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
• https://github.com/twbs/bootstrap/blob/main/scss/_variables-dark.scss