Change bootstrap theme

The custom theming works just like the bootstrap official documentation recommended. Basically you override the default theme variables and the build the compiled css file and put it in the public folder.

The file is located in the custom-bootstrap folder. To override a variable or add other things just change this file.

When changing you can simultaneously review how the change is affecting your application.

When tweaking the theme, you can run this command to automatically recompile

npm run bootstrap-dev

Then run the extension in dev mode following the development guideline (like running npm run webpack-dev) in another terminal

Changing bootstrap theme color

Changed bootstrap theme working

After the changes are final, to build for the release use this command

npm run bootstrap-build