Dark Theme about hugo-book HOT 4 CLOSED

Hi!
After some though, I think dark theme would not make into core.

But, I made it more easy to implement and created an example how you can make dark theme in your website.

You can create $WEBSITE/assets/_variables.scss file and override variables like here:
https://github.com/alex-shpak/hugo-book/blob/master/exampleSite/assets/_variables.scss

Result:

from hugo-book.

Hi! Thank you.
I think dark mode would not be too hard to do, at this moment I'm not sure if I want to add extra complexity, because with all features theme started to grow bigger and bigger, which I want to avoid.

Anyway, most of colors are in assets/_variables.scss file, but I want to implement search and refactor menu first. Meanwhile you can tweak sass variables in that file yourself.

from hugo-book.

Hi Alex,

It seems that the variables are no longer at that link. It would be nice to know which colours you used specifically and for what elements of the scss. Trying this myself it is easy to get the background and body text to a similar theme but the side panel seems to not change at all no matter where I set the color: $white;

from hugo-book.

Hi!
Just uncomment this line
https://github.com/alex-shpak/hugo-book/blob/master/exampleSite/assets/_variables.scss#L3

I moved variables to separate file
https://github.com/alex-shpak/hugo-book/blob/master/assets/plugins/_dark.scss

from hugo-book.