From 5a09f91887d50edef65757f7d7a86b0120a9e00e Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 19 Nov 2019 18:19:31 +0100
Subject: more dark mode fixes

---
 .env-sample                 |  1 +
 bucky/app/site.js           |  2 +-
 public/assets/css/bucky.css | 33 ++++++++++++++++++++++++++-------
 views/partials/hootbox.ejs  |  2 +-
 4 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/.env-sample b/.env-sample
index f9e6bbc..69a98b6 100644
--- a/.env-sample
+++ b/.env-sample
@@ -9,4 +9,5 @@ S3_BUCKET=
 S3_PATH=/bucky
 SESSIONS_IN_MEMORY=yes
 NODE_ENV=development
+MONGODB_URL=mongodb://127.0.0.1:27107/buckySessionDb
 
diff --git a/bucky/app/site.js b/bucky/app/site.js
index e266716..4272b24 100644
--- a/bucky/app/site.js
+++ b/bucky/app/site.js
@@ -46,7 +46,7 @@ site.init = function(){
   }
   if (!process.env.SESSIONS_IN_MEMORY) {
     sessionSettings.store = new MongoStore({
-      url: 'mongodb://127.0.0.1:28108/buckySessionDb'
+      url: process.env.MONGODB_URL || 'mongodb://127.0.0.1:27107/buckySessionDb'
       // type: 'mongodb',
       // host: 'localhost',
       // port: 27017,
diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 5d6a34a..0ff7a8d 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -1250,7 +1250,7 @@ audio {
     background: #180808;
     color: #f8f8f8;
   }
-  button, input[type=submit] {
+  button:not(.hoot), input[type=submit] {
     color: #f8f8f8;
     border: 2px #eee solid;
     padding: 2px;
@@ -1259,7 +1259,7 @@ audio {
     text-transform: uppercase;
     cursor: pointer;
   }
-  .desktop button:hover,
+  .desktop button:not(.hoot):hover,
   .desktop input[type=submit] {
     color: #fff;
     background-color: #28303c;
@@ -1278,9 +1278,28 @@ audio {
   .subtitle a { color: #eee; text-decoration: none; }
   .desktop.subtitle a:hover { color: #fff; text-decoration: underline; }
   .new    { color: #ffffff; font-weight: bold; }
-  .recent { color: #e0f8f8; }
-  .med    { color: #d0e8e8; }
-  .old    { color: #c24040; }
-  .older  { color: #bd8484; }
+  .recent { color: #f8f0f0; }
+  .med    { color: #e8e0e0; }
+  .old    { color: #b8b0b0; }
+  .older  { color: #a7a4a4; }
   .quiet  { color: #878787; }
-}
\ No newline at end of file
+  .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;
+  }
+}
diff --git a/views/partials/hootbox.ejs b/views/partials/hootbox.ejs
index fe0298b..826b89a 100644
--- a/views/partials/hootbox.ejs
+++ b/views/partials/hootbox.ejs
@@ -1,7 +1,7 @@
 <div class="bluebox" id="hootbox">
   <form autocomplete="off">
     <input type="text" name="comment" autocomplete="off">
-    <button><%= hoot_text %></button>
+    <button class="hoot"><%= hoot_text %></button>
     <div class="errors"></div>
   </form>
   <table id="hoots">
-- 
cgit v1.2.3-70-g09d2