To install, run nikola theme -i bnw

Well, I call this theme nikola-bnw(brave new world). No special meaning. It is hosted on Github.

How to use it

  1. Download this repository and put it under '/themes/' folder.
  2. Modify your and set THEME = "nikola-bnw".
  3. Disable bundles in USE_BUNDLES = False
  4. Done!

Note that this theme use less as the pre-processor of CSS. So in order to make this theme work, you have to 1. Install less plugin by nikola plugin -i less 2. And you have to install external tool less by yourself. (npm install -g less)

Update: I've generated the css written by less, so you don't need to install less now, just do: 1. Modify your and set USE_BUNDLES = True. 2. Done!

Also note that the theme use flexbox CSS attribute, so make sure to use modern browser if it is not working well.

Another way to Install it

The theme had been added to Nikola Theme Gallary, so you can install it by: 1. nikola install_theme bnw 2. Modify your and set THEME = "bnw" 3. Modify your and set USE_BUNDLES = True. 4. Done!



The footer can include several icons(email, github, twitter, rss) according to your settings. Put the settings in GLOBAL_CONTEXT variable in Example:

    'email': '',
    'twitter': 'lotabout',
    'github': 'lotabout',

Color Theme

Thanks to less, the color of the theme can be easily changed. All you need to do is open nikola-bnw/less/bnw.less and modify the 4 colors being used:

// primary-color: for background
// secondary-color: navbar-links
// third-color: for navbar
// accent-color: for font.
@primary-color: #FCF7F7;
@secondary-color: #ECE1DE;
@third-color: #6B5364;
@accent-color: #304860;

Change them to whatever you like.


Well, the index page

The Post Page(half)


MIT License

Suggested Configuration:

# Pre-built CSS files are only included when using bundles.

Issues? Questions?

You can report issues with this theme and request help via GitHub Issues.

Theme inheritance chain