From 2b64cbce2cffd031f4ecc40e9e037ca466a0bee4 Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Sun, 13 Jan 2019 23:25:30 +0100
Subject: [PATCH] added dark theme (to have same set of themes as before)

---
 src/public/stylesheets/style.css | 34 ++++++++++++++++++++++++++++----
 1 file changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index b51651b2d..deb348428 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -11,7 +11,7 @@
     --button-background-color: #eee;
     --button-border-color: #ddd;
     --button-text-color: black;
-    --button-border-radius: 3px;
+    --button-border-radius: 5px;
     --muted-text-color: #444;
     --input-text-color: black;
     --input-background-color: white;
@@ -33,7 +33,7 @@ body.theme-black {
     --button-background-color: #333;
     --button-border-color: #444;
     --button-text-color: white;
-    --button-border-radius: 3px;
+    --button-border-radius: 5px;
     --muted-text-color: #ccc;
     --input-text-color: white;
     --input-background-color: black;
@@ -50,6 +50,32 @@ body.theme-black .CodeMirror {
     filter: invert(100%) hue-rotate(180deg);
 }
 
+body.theme-dark {
+    --main-background-color: #333;
+    --main-text-color: white;
+    --accented-background-color: #555;
+    --more-accented-background-color: #777;
+    --header-background-color: #333;
+    --button-background-color: #555;
+    --button-border-color: #444;
+    --button-text-color: white;
+    --button-border-radius: 5px;
+    --muted-text-color: #ccc;
+    --input-text-color: white;
+    --input-background-color: #333;
+    --modal-background-color: #555;
+    --hover-item-text-color: black;
+    --hover-item-background-color: #aaa;
+    --active-item-text-color: black;
+    --active-item-background-color: #ccc;
+    --menu-text-color: white;
+    --menu-background-color: #222;
+}
+
+body.theme-dark .CodeMirror {
+    filter: invert(90%) hue-rotate(180deg);
+}
+
 html {
     /* this fixes FF filter vs. position fixed bug: https://github.com/zadam/trilium/issues/233 */
     height: 100%;
@@ -619,12 +645,12 @@ table.promoted-attributes-in-tooltip td, table.promoted-attributes-in-tooltip th
 }
 
 .tooltip-inner {
-    background-color: #fbfbfb !important;
+    background-color: var(--accented-background-color) !important;
     max-width: 400px;
     /* height needs to stay small because tooltip has problem when it can't fit to either top or bottom of the cursor */
     max-height: 300px;
     overflow: hidden;
-    color: black;
+    color: var(--main-text-color);
     border: 1px solid #ccc;
     border-radius: 5px;
     text-align: left;