From c8fb1882518e7fb16723afc734fda6b882bd9be2 Mon Sep 17 00:00:00 2001
From: Vitaly Zdanevich <zdanevich.vitaly@ya.ru>
Date: Mon, 28 Oct 2019 01:13:41 +0300
Subject: [PATCH] Optional dark theme enabled.

To see it: enable dark mode in macOS or enable dark theme in Firefox.
---
 templates/site.css | 33 ++++++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/templates/site.css b/templates/site.css
index 7e93afb..8b78cce 100644
--- a/templates/site.css
+++ b/templates/site.css
@@ -49,12 +49,27 @@ body {
     line-height: 20px;
     color: #252519;
 }
+    @media (prefers-color-scheme: dark) {
+        body {
+            color: gray;
+            background: #000;
+        }
+    }
 em {
     font-style: italic;
 }
 a, a:visited {
     color: #261a3b;
 }
+    @media (prefers-color-scheme: dark) {
+        a {
+            color: lightblue;
+        }
+        a:visited {
+            color: #99b;
+        }
+    }
+
 h2 {
     font-size: 32px;
     line-height: 40px;
@@ -115,6 +130,12 @@ td.docs p {
     padding-top: 5px;
     padding-bottom: 15px;
 }
+    @media (prefers-color-scheme: dark) {
+        td.docs p {
+            color: gray;
+            background: #000;
+        }
+    }
 td.code {
     width: 480px;
     max-width: 480px;
@@ -126,12 +147,22 @@ td.code {
     vertical-align: top;
     background: #f0f0f0;
 }
+@media (prefers-color-scheme: dark) {
+    td.code {
+        background: #000;
+    }
+}
 td.code.leading {
     padding-bottom: 11px;
 }
 td.code.empty {
-    background: #ffffff;
+    background: #fff;
 }
+    @media (prefers-color-scheme: dark) {
+        td.code.empty {
+            background: #000;
+        }
+    }
 pre, code {
     font-size: 14px; line-height: 18px;
     font-family: 'Menlo', 'Monaco', 'Consolas', 'Lucida Console', monospace;