From 9d8c4b2791aa1f4f13e1deb5a7e63a779e4b7aa3 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 6 Nov 2019 17:21:04 +0100
Subject: dark mode support

---
 public/assets/css/bucky.css | 36 +++++++++++++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

(limited to 'public/assets/css/bucky.css')

diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 349c35c..96bdabc 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -7,6 +7,7 @@ html {
   min-height: 100%;
   margin: 0;
   padding: 0;
+  margin-bottom: 150px;
 }
 body {
   min-width: 100%;
@@ -17,7 +18,7 @@ body {
 	font-size: 10px;
 	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
   margin: 0;
-	padding: 20px 30px 200px 30px;
+	padding: 20px 30px 30px 30px;
 	transition: opacity 100ms;
 }
 body.loading {
@@ -1244,3 +1245,36 @@ audio {
     padding-right: 2px;
   }
 }
+@media (prefers-color-scheme: dark) {
+  body {
+    background: #180808;
+    color: #f8f8f8;
+  }
+  button, input[type=submit] {
+    color: #f8f8f8;
+    border: 2px #eee solid;
+    padding: 2px;
+    margin: 3px;
+    background-color: #18202c;
+    text-transform: uppercase;
+    cursor: pointer;
+  }
+  .desktop button:hover,
+  .desktop input[type=submit] {
+    color: #fff;
+    background-color: #28303c;
+  }
+  hr {
+    border-color: #fff;
+  }
+  a.headline:link,
+  a.headline:visited { color: #eee; text-decoration: none; }
+  .desktop a.headline:hover { color: #fff; text-decoration: none; }
+  .ledger .row td:nth-child(1) a { color: #ddd; }
+  #threads .keyword td a { color: #ddd; text-decoration: none; }
+  .desktop #threads .keyword td a:hover { color: #fff; text-decoration: underline; }
+  #threads .keyword td b a { color: #ddd; }
+  .desktop #threads .keyword td b a:hover { color: #fff; }
+  .subtitle a { color: #eee; text-decoration: none; }
+  .desktop.subtitle a:hover { color: #fff; text-decoration: underline; }
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2