Bootswatch

Free themes for Bootstrap

The official site and themes for 3.3.7.

Installation

Stop ng serve if it is running.

We are still using the old version of Bootstrap, so specify the correct version for the themes

npm install [email protected] --save

Configuration

The course choose united but I like flatly.

Open angular.json and add the css after the bootstrap one.

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "node_modules/bootswatch/flatly/bootstrap.min.css",
  "node_modules/font-awesome/css/font-awesome.min.css",
  "node_modules/alertifyjs/build/css/alertify.min.css",
  "node_modules/alertifyjs/build/css/themes/bootstrap.min.css",
  "src/styles.css"
],

Restart ng serve

Navbar color

Open nav.component.html and switch from the inverse color to the default.

<nav class="navbar navbar-default">

Check the site for the new theme.