dark mode

1 files changed, 22 insertions, 0 deletions

diff --git a/template.html b/template.html
index 4b5fed7..6e871dc 100755
--- a/template.html
+++ b/template.html
@@ -4,6 +4,7 @@
   <meta charset="utf-8" />
   <meta name="generator" content="pandoc" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="color-scheme" content="light dark" />
 $for(author-meta)$
   <meta name="author" content="$author-meta$" />
 $endfor$
@@ -20,6 +21,27 @@ $endif$
   <style>
     $styles.html()$
   </style>
+  <style>
+    :root {
+      color-scheme: light dark;
+    }
+    @media (prefers-color-scheme: dark) {
+      html, body {
+        background-color: #0b0b0f;
+        color: #e6e6e6;
+      }
+      a { color: #8ab4f8; }
+      a:visited { color: #c58af9; }
+      hr { border-color: #30363d; }
+      pre, code { background-color: #11151a; }
+      pre { border: 1px solid #2a2f3a; }
+      blockquote {
+        color: #c9d1d9;
+        border-left: 4px solid #30363d;
+      }
+      table, th, td { border-color: #30363d; }
+    }
+  </style>
 $for(css)$
   <link rel="stylesheet" href="$css$" />
 $endfor$