Weblog Dark Mode Toggle

main.css

/* 
Either put this at the end of main.css (to add dark mode toggle in addition to auto-detecting 
users preference) or else replace from lines 282-297 of main.css with this snippet 
*/

body.dark-theme {
  background: #333;
  color: #fdfdfd;
}

.dark-theme a {
  color: lightblue;
}

.dark-theme .kg-bookmark-container {
  background-color: #444;
}

toggle.html

<button onclick="document.body.classList.toggle('dark-theme')">Toggle Dark Mode</button>

<!-- or -->

<a href="#!" onclick="document.body.classList.toggle('dark-theme')">Toggle Dark Mode</a>