From 5ac5101ced887f22f966a00689efd801f6d44144 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Tue, 8 Jan 2019 20:07:38 +0100
Subject: [PATCH] Start to work on dark theme

---
 assets/css/dark_theme.css | 117 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 117 insertions(+)
 create mode 100644 assets/css/dark_theme.css

diff --git a/assets/css/dark_theme.css b/assets/css/dark_theme.css
new file mode 100644
index 00000000..639c67ea
--- /dev/null
+++ b/assets/css/dark_theme.css
@@ -0,0 +1,117 @@
+:root {
+    --black: #1119;
+    --black2: #111111;
+    --black3: #000;
+    --black4: #686a6c;
+    --black5: #232426;
+    --black6: #0f0f0f;
+    --white: silver;
+}
+
+.navbar {
+    background-color: var(--black) !important;;
+}
+
+#homeLandingScreen {
+    background-image: none !important;
+    background-color: var(--black5);
+}
+
+#homeLandingScreen #homeMessage {
+    background-color: var(--black);
+}
+
+.btn {
+    color: var(--white);
+}
+
+.btn-primary, .btn-success, .btn-default {
+    background-color: transparent;
+}
+
+p, h1, h2, h3, h4, h5 {
+    color: var(--white);
+}
+
+.form-control {
+    background-color: var(--black);
+    color: var(--white);
+    border-color: var(--black5);
+}
+
+.form-control:focus {
+    background-color:  var(--black5);
+}
+
+.login-page, .register-page {
+    background-color: var(--black2);
+}
+
+.login-box-body {
+    background-color: var(--black3);
+}
+
+.login-logo b, #loginForm label {
+    color: var(--white) !important;
+}
+
+.content-wrapper {
+    background-color: var(--black3);
+}
+
+.create-account-form label {
+    color: var(--white);
+}
+
+.main-footer {
+    background-color: var(--black3);
+}
+
+.main-footer span {
+    color: var(--white);
+}
+
+.box {
+    background-color: var(--black5);
+    color: var(--white);
+}
+
+.form-group label {
+    color: var(--white);
+}
+
+.modal-primary .modal-header, 
+.modal-primary .modal-footer {
+    background-color: var(--black5) !important;;
+}
+
+.modal-primary .modal-body {
+    background-color: var(--black6) !important;
+}
+
+.attachment-block {
+    background-color: var(--black6);
+}
+
+.post-comments {
+    background-color: var(--black);
+}
+
+.post {
+    color: var(--white);
+}
+
+.box-comments .username, 
+.box-comments .comment-content {
+    color: var(--white);
+}
+
+.link-black {
+    color: var(--white);
+}
+
+
+.comment-creation-form .comment-image-select a, 
+.comment-creation-form .comment-emoji-select a {
+    color: var(--white);
+}