Changing the look and feel of the application

The good thing about using Bootstrap is that it lets us easily change the look and feel of the application using any available Bootstrap themes. Let's see how we can install a cool theme for our application, and then fine-tune the styles to fit our needs using SASS variables provided by Bootstrap.

There are hundreds of Bootstrap themes out there. Since we are using Bootstrap 4, it is important to pick a theme that is made for Bootstrap 4.

Bootswatch is a nice collection of themes for Bootstrap. JHipster has an option to select a Bootswatch theme during application generation. You can see all the available themes at https://bootswatch.com/.

Let's use a Bootswatch theme called materia. You can skip adding the dependencies using the following steps if you choose materia as the default theme during application generation:

1. In...