adding dark-mode!

1 files changed, 22 insertions, 0 deletions

diff --git a/static/css/main.css b/static/css/main.css
index 0c451c7..63f5410 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -73,3 +73,25 @@ footer {
   text-align: center;
   font-size: 0.8rem;
 }
+
+@media (prefers-color-scheme: dark) {
+   body {
+     background-color: #070704;
+     color: #ccc;
+   }
+   h1, h2, h3, h4, h5, h6, strong {
+     color: #fff;
+   }
+   pre {
+     background: #151512;
+     border-bottom: 2px solid #443;
+     border-left: 2px solid #595933;
+   }
+   code {
+     color: #d55;
+     background-color: #222;
+   }
+   a {
+      color: #5386de;
+   }
+}