1 files changed, 78 insertions, 1 deletions
diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 9c9aa8a..bc35ddd 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 {
@@ -507,6 +508,15 @@ code br,
 pre br {
   display: none;
 }
+tt, kbd {
+  max-width: 580px;
+  display: inline-block;
+  font-family: Menlo, monospace;
+  background: #fefefe;
+  border: 1px solid #ddd;
+  padding: 2px;
+  font-size: 11px;
+}
 
 #thread_form form {
   width: 530px;
@@ -1244,3 +1254,70 @@ audio {
     padding-right: 2px;
   }
 }
+@media (prefers-color-scheme: dark) {
+  body {
+    background: #180808;
+    color: #f8f8f8;
+  }
+  button:not(.hoot), input[type=submit] {
+    color: #f8f8f8;
+    border: 2px #eee solid;
+    padding: 2px;
+    margin: 3px;
+    background-color: #18202c;
+    text-transform: uppercase;
+    cursor: pointer;
+  }
+  .desktop button:not(.hoot):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; }
+  .ledger .new    { color: #ffffff; font-weight: bold; }
+  .ledger .recent { color: #f8f0f0; }
+  .ledger .med    { color: #e8e0e0; }
+  .ledger .old    { color: #d8d0d0; }
+  .ledger .older  { color: #b8b0b0; }
+  .ledger .quiet  { color: #a7a4a4; }
+  
+  .files .new    { color: #000000; }
+  .files .recent { color: #001111; }
+  .files .med    { color: #203838; }
+  .files .old    { color: #425050; }
+  .files .older  { color: #5D6464; }
+  .files .quiet  { color: #787878; }
+  .files .total a { color: #fff; }
+
+  .bluebox { box-shadow: 0 0px 1.5px rgba(238,238,255,1.0), 0 0px 1.5px rgba(238,238,255,1.0); }
+  .search_form input[type='text']:focus {
+    border-bottom-color: #888;
+  }
+  .search_form input[type='text']:invalid {
+    caret-color: #888;
+  }
+  #comment_form textarea.empty {
+    border-bottom-color: #fff;
+  }
+  #comment_form textarea.empty::placeholder {
+    color: #fff;
+  }
+  #search {
+    color: #eee;
+  }
+  #search b {
+    color: #fff;
+  }
+}