From a7337fa918f9c8a5eb0de29c37b73fc9da2a1360 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Wed, 9 Jan 2019 11:40:00 +0100
Subject: [PATCH] Work progress on dark theme

---
 assets/css/dark_theme.css | 129 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 128 insertions(+), 1 deletion(-)

diff --git a/assets/css/dark_theme.css b/assets/css/dark_theme.css
index 461951dc..724851f6 100644
--- a/assets/css/dark_theme.css
+++ b/assets/css/dark_theme.css
@@ -72,6 +72,12 @@ p, h1, h2, h3, h4, h5, h6 {
     color: var(--white);
 }
 
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+    background-color: var(--black6);
+}
+
 
 
 /**
@@ -82,6 +88,10 @@ p, h1, h2, h3, h4, h5, h6 {
     color: var(--white);
 }
 
+.box-footer {
+    background-color: var(--black5);
+}
+
 
 /**
 * Modals
@@ -225,6 +235,41 @@ p, h1, h2, h3, h4, h5, h6 {
     background-color: var(--black4);
 }
 
+/**
+ * Emoji picker
+ */
+.wdt-emoji-popup {
+    background-color: var(--black6);
+    border: 1px var(--black6) solid;
+    border-radius: 2;
+}
+
+#wdt-emoji-menu-header {
+    background-color: var(--black5);
+}
+
+#wdt-emoji-footer {
+    background-color: var(--black5);
+}
+
+.wdt-emoji-popup h3 {
+    background-color: var(--black4);
+    color: var(--white);
+}
+
+#wdt-emoji-search {
+    background-color: var(--black5);
+    color: var(--white);
+}
+
+#wdt-emoji-search:focus {
+    background-color: var(--black4);
+    color: var(--white);
+}
+
+.wdt-emoji:hover {
+    background-color: var(--black4) !important;;
+}
 
 /**
 * Conversations
@@ -233,6 +278,35 @@ p, h1, h2, h3, h4, h5, h6 {
     background-color: var(--black5);
 }
 
+.nav-stacked > li > a {
+    color: var(--white);
+}
+
+.conversations-list-box .last-activity {
+    color: var(--white);
+}
+
+.nav > li > a:hover,
+.nav > li > a:active,
+.nav > li > a:focus {
+    color: var(--black5);
+}
+
+.select2-dropdown {
+    background-color: var(--black5);
+    color: var(--white);
+}
+
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+    background-color: var(--black4);
+    color: var(--white);
+}
+
+#conversationsElem .create-message-form .btn.btn-add-emoji:hover,
+#conversationsElem .create-message-form .btn.btn-add-image:hover {
+    color: var(--white);
+}
+
 /**
 * Home page
 */
@@ -297,7 +371,7 @@ p, h1, h2, h3, h4, h5, h6 {
 }
 
 .post-image {
-    filter: brightness(50%);
+    filter: brightness(80%);
     transition: filter 1s;
 }
 
@@ -353,4 +427,57 @@ p, h1, h2, h3, h4, h5, h6 {
 .editor {
     background-color: var(--black5);
     color: var(--white);
+}
+
+
+/**
+ * Search page
+ */
+.nav > li > a:hover,
+.nav > li > a:active,
+.nav > li > a:focus {
+    background-color: var(--black4);
+}
+
+/**
+ * Conversation page
+ */
+.conversations-page-container a {
+    background-color: var(--black6) !important;;
+}
+
+.conversations-page-container a {
+    color: var(--white) !important;
+}
+
+.conversations-page-container a:hover {
+    background-color: var(--black5) !important;;
+}
+
+.conversations-page-container a:active {
+    background-color: var(--black6) !important;;
+}
+
+.conversations-page-container a.selected {
+    background-color: var(--black5) !important;;
+}
+
+.conversations-page-container .box-conversation .input-group-btn .btn {
+    background-color: var(--black5);
+}
+
+.conversations-page-container .box-conversation .input-group-btn .btn:hover {
+    background-color: var(--black4);
+    color: var(--black6);
+}
+
+.conversations-page-container .box-conversation .input-group-btn .btn:focus,
+.conversations-page-container .box-conversation .input-group-btn .btn:active {
+    color: var(--white);
+}
+
+.big-box-conversation .direct-chat-text .a,
+.big-box-conversation .direct-chat-text a {
+    background-color: transparent !important;
+    color: inherit !important;
 }
\ No newline at end of file