Changing the default bootstrap theme
We will show two ways to customize our blog: one superficial, changing only the stylesheet, and a deeper one, changing all the page's markup.
For the stylesheet changes, we are using the http://bootswatch.com/ free Bootstrap themes.
The bootstrap framework is very flexible for this; we will use a theme called the superhero.
- Go to the http://bootswatch.com/superhero/_variables.scss URL.
- Copy the page content.
- Inside public/styles/boostrap/bootstrap, create a new file called _theme_variables.scss and paste the code copied from the Bootswatch page.
- Open public/styles/bootstrap/_bootstrap.scss and replace the following lines:
// Core variables and mixins @import "bootstrap/_theme_variables"; @import "bootstrap/mixins"; ...
Get Node.js 6.x Blueprints now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.