Add dark theme (#1204)

Fixes #1151
2019-08-29 20:03:04 +00:00
parent 09e1d85933
commit f09d6c3165
5 changed files with 236 additions and 3 deletions
--- a/_includes/head.html
+++ b/_includes/head.html
@ -44,4 +44,5 @@

  <!-- CSS stylesheets -->
  <link href="/assets/css/style.css?v=5" rel="stylesheet">
+  <link id="dark-css" href="/assets/css/dark.css?v=1" rel="stylesheet" media="(prefers-color-scheme: dark)">
 </head>
--- a/_includes/nav.html
+++ b/_includes/nav.html
@ -143,6 +143,9 @@
        <a href="/donate/" class="nav-anchor">
          Donate <span class="fas fa-heart text-danger"></span>
        </a>
+        <a id="nav-switch-theme" class="nav-anchor" href="javascript:void(0)" onClick="changeColorScheme()">
+          Theme <span class="nav-theme-icon fas"></span>
+        </a>
      </div>
    </div>
  </nav>