From 59b910056f2e171d60ef635d6bca7308b3c617d2 Mon Sep 17 00:00:00 2001
From: Marvin Borner
Date: Mon, 13 May 2019 20:40:46 +0200
Subject: Improved dark mode in editor/fileview

Co-authored-by: LarsVomMars <lars@kroenner.eu>
---
 src/main/resources/css/darkLayout.css | 58 +++++++++++++++++++++++++++++++++--
 src/main/resources/css/darkTheme.css  |  2 +-
 src/main/resources/css/fileview.css   |  2 +-
 3 files changed, 58 insertions(+), 4 deletions(-)

(limited to 'src/main/resources/css')

diff --git a/src/main/resources/css/darkLayout.css b/src/main/resources/css/darkLayout.css
index 71172a5..6d55dfc 100644
--- a/src/main/resources/css/darkLayout.css
+++ b/src/main/resources/css/darkLayout.css
@@ -9,6 +9,10 @@ body {
     color: #d0cdc6
 }
 
+a {
+    color: #1a439b;
+}
+
 button {
     text-decoration-color: initial;
     background-color: #3d4043;
@@ -16,7 +20,7 @@ button {
     border-right-color: #595959;
     border-bottom-color: #595959;
     border-left-color: #595959;
-    color: #ffffff;
+    color: #fff;
 }
 
 input {
@@ -24,9 +28,59 @@ input {
     color: #e8e6e3;
 }
 
+/**
+    Markdown editor
+ */
+.editor-toolbar {
+    opacity: 1;
+    border: none;
+}
+
+.editor-toolbar a {
+    color: #e8e6e3 !important;
+}
+
+.editor-toolbar a.active, .editor-toolbar a:hover {
+    opacity: 1;
+    border-color: inherit;
+    background: #181a1b !important;
+    color: #e8e6e3 !important;
+}
+
+.editor-toolbar:hover, .editor-wrapper input.title:focus, .editor-wrapper input.title:hover {
+    opacity: 1
+}
+
+.editor-statusbar, .editor-toolbar {
+    color: #e8e6e3 !important;
+    background: #181a1b !important;
+}
+
+.editor-toolbar::after, .editor-toolbar::before {
+    opacity: 0;
+}
+
+.CodeMirror, .editor-preview-side {
+    background: inherit;
+    border: none;
+    color: #e8e6e3;
+}
+
+.editor-preview-side {
+    border-left: 1px solid #e8e6e3;
+}
+
+.CodeMirror-cursor {
+    border-left: 1px solid #e8e6e3;
+}
+
 /**
     Other stuff
  */
-tr:hover {
+table tr:hover {
     background-color: #121516 !important;
 }
+
+table thead tr:hover {
+    background-color: #181a1b !important;
+}
diff --git a/src/main/resources/css/darkTheme.css b/src/main/resources/css/darkTheme.css
index 61f2099..67e0b6d 100644
--- a/src/main/resources/css/darkTheme.css
+++ b/src/main/resources/css/darkTheme.css
@@ -59,7 +59,7 @@ ol.linenums {
 }
 
 .prettyprint {
-    background: #000;
+    background: #181a1b;
 }
 
 li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 {
diff --git a/src/main/resources/css/fileview.css b/src/main/resources/css/fileview.css
index 9c52ac2..24855aa 100644
--- a/src/main/resources/css/fileview.css
+++ b/src/main/resources/css/fileview.css
@@ -2,7 +2,7 @@ html, body {
     overflow: visible;
 }
 
-.preview, .modify, .switch, .settings {
+.modify, .switch, .settings {
     display: none;
 }
 
-- 
cgit v1.2.3