A Dark Ananke theme

All necessary files are copied from ananke/layout folder to corresponding project’s/layout folder and modified there. So, in order to have a dark theme, copy the below files. (Delete extention .txt, if you directly copy them.) You do not have to modify them.

1. project’s/layout/index.html.
2. project’s/layout/_default/list.html.
3. project’s/layout/_default/summary-with-image.html.
4. project’s/layout/_default/summary.html.
5. project’s/layout/_default/taxonomy.html.
6. project’s/layout/post/list.html.
7. project’s/layout/post/summary.html.

Last, make sure your config.toml has the following color parameters you like

[params]

  text_color = "white"
  background_color_class = "bg-black"
  body_classes = "avenir bg-black"
  aux_text_color = "silver"
  bg_button_color = "bg-black"
  bg_button_hover_color = "hover-bg-dark-gray"

I picked color names from here. I also found some explanation to abbreviations used on templates here.

The first three colors are mentioned in ananke readme file.

I created the last three variables.

aux_text_color
         is color of fonts of article summaries,
         in the very first page.
bg_button_color
         is background color of the button that
         say "Read more" in the above summaries.
bg_button_hover_color
         is the above color when mouse hover over it.

That’s all

• Configurations