According to W3C color scheme draft: https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme
we are now able to apply style to website regarding to the color mode user is in with media query.

Simply add the following code will bring your blog more friendly to night owls

<style>
@media (prefers-color-scheme: dark) {
    body {
      background-color: #444;
      color: #AAA;
    }
 #main article {
    background: #222;
 }
 a {
    color: #AAA;
 }
 #nav-menu.headroom--not-top {
    background-color: #8c8c8c!important;
 }
 #nav-menu:hover {
    background-color: #8c8c8c!important;
 }
 #nav-vertical {
    background-color: rgba(120, 120, 120, 0.85);
 }
 #nav-left a {
    color: white;
 }
}
</style>