From 5e5df7202094872d52c133cd02fe26ec74f5b8dc Mon Sep 17 00:00:00 2001
From: zadam <zadam.apps@gmail.com>
Date: Thu, 3 Jun 2021 12:57:39 +0200
Subject: [PATCH] theme refactoring

---
 src/public/stylesheets/themes.css | 51 ++++++++++++++++++++++++++-----
 1 file changed, 44 insertions(+), 7 deletions(-)

diff --git a/src/public/stylesheets/themes.css b/src/public/stylesheets/themes.css
index cd0a3db98..d3f50b53e 100644
--- a/src/public/stylesheets/themes.css
+++ b/src/public/stylesheets/themes.css
@@ -1,39 +1,49 @@
 :root {
-    --font-family-monospace: JetBrainsLight;
     --main-font-family: MontserratLight;
     --main-font-size: normal;
+
     --tree-font-family: MontserratLight;
     --tree-font-size: normal;
+
     --detail-font-family: MontserratLight;
     --detail-font-size: normal;
+
+    --font-family-monospace: JetBrainsLight;
     --detail-text-font-family: MontserratLight;
+
     --main-background-color: white;
     --main-text-color: black;
     --main-border-color: #ccc;
+
     --accented-background-color: #f5f5f5;
     --more-accented-background-color: #ddd;
+
     --button-background-color: transparent;
     --button-disabled-background-color: #ddd;
     --button-border-color: #ddd;
     --button-text-color: black;
     --button-border-radius: 5px;
+
     --primary-button-background-color: #6c757d;
     --primary-button-text-color: white;
     --primary-button-border-color: #6c757d;
+
     --muted-text-color: #666;
+
     --input-text-color: black;
     --input-background-color: white;
+
     --hover-item-text-color: black;
     --hover-item-background-color: #ddd;
+
     --active-item-text-color: black;
     --active-item-background-color: #ddd;
+
     --menu-text-color: black;
     --menu-background-color: white;
-    --tooltip-background-color: #f8f8f8;
-    --link-color: blue;
+
     --modal-background-color: white;
     --modal-backdrop-color: black;
-    --scrollbar-border-color: #ddd;
 
     --tree-sidebar-background-color: #F3F3F3;
     --tree-sidebar-text-color: #333;
@@ -46,35 +56,58 @@
 
     --inactive-tab-background-color: #f5f5f5;
     --inactive-tab-text-color: #666;
+
+    --scrollbar-border-color: #ddd;
+    --tooltip-background-color: #f8f8f8;
+    --link-color: blue;
 }
 
 body.theme-dark {
+    --main-font-family: MontserratLight;
+    --main-font-size: normal;
+
+    --tree-font-family: MontserratLight;
+    --tree-font-size: normal;
+
+    --detail-font-family: MontserratLight;
+    --detail-font-size: normal;
+
+    --font-family-monospace: JetBrainsLight;
+    --detail-text-font-family: MontserratLight;
+
     --main-background-color: #333;
     --main-text-color: #ccc;
     --main-border-color: #aaa;
+
     --accented-background-color: #555;
     --more-accented-background-color: #777;
+
     --button-background-color: transparent;
+    --button-disabled-background-color: #222;
     --button-border-color: #ccc;
     --button-text-color: currentColor;
     --button-border-radius: 5px;
+
     --primary-button-background-color: #888;
     --primary-button-text-color: white;
     --primary-button-border-color: #999;
+
     --muted-text-color: #bbb;
+
     --input-text-color: #ccc;
     --input-background-color: #333;
+
     --hover-item-text-color: black;
     --hover-item-background-color: #777;
+
     --active-item-text-color: black;
     --active-item-background-color: #777;
+
     --menu-text-color: white;
     --menu-background-color: #222;
-    --tooltip-background-color: #333;
-    --link-color: lightskyblue;
+
     --modal-background-color: #333;
     --modal-backdrop-color: #444;
-    --scrollbar-border-color: #888;
 
     --tree-sidebar-background-color: #1f1f1f;
     --tree-sidebar-text-color: #8D8888;
@@ -87,6 +120,10 @@ body.theme-dark {
 
     --inactive-tab-background-color: #444;
     --inactive-tab-text-color: #bbb;
+
+    --scrollbar-border-color: #888;
+    --tooltip-background-color: #333;
+    --link-color: lightskyblue;
 }
 
 body.theme-dark ::-webkit-calendar-picker-indicator {