From 5d21c148c786e873f174b2e51d98a9773f4e2324 Mon Sep 17 00:00:00 2001
From: Chris Dill <chris.rj.dill@gmail.com>
Date: Thu, 10 Sep 2020 14:52:11 +0100
Subject: [PATCH] Moving more colors to css variables and tweaking some of the
 values. - Added color variables for lines and links. - Testing a slightly
 lighter gray for the background.

---
 static/css/themes.css | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/static/css/themes.css b/static/css/themes.css
index bc59c9f..46a1c8f 100755
--- a/static/css/themes.css
+++ b/static/css/themes.css
@@ -1,15 +1,19 @@
 /* Default theme */
 :root {
-    --background-color: #222222;
+    --background-color: #2d2d2d;
     --headings-color: #ffffff;
     --font-color: #ffffff;
+    --line-color: #ffffff;
+    --link-color: #CC99FF;
 }
 
 /* Dark theme */
 html[data-theme='dark'] {
-    --background-color: #222222;
+    --background-color: #2d2d2d;
     --headings-color: #ffffff;
     --font-color: #ffffff;
+    --line-color: #eeeeee;
+    --link-color: #CC99FF;
 }
 
 body {
@@ -19,25 +23,26 @@ body {
 
 h1, h2, h3, h4, h5 {
     color: var(--headings-color);
+    font-weight: bold;
 }
 
 hr {
-    background-color: #eeeeee;
+    background-color: var(--line-color);
 }
 
 .overlay {
-    border-bottom: 2px solid #eeeeee;
+    border-bottom: 2px solid var(--line-color);
 }
 
 li a:hover {
-    border-bottom: 3px solid white;
+    border-bottom: 3px solid var(--line-color);
     text-decoration: none;
 }
 
 a {
-    color: #CC99FF;
+    color: var(--link-color);
 }
 
 a:hover {
-    color: white;
+    color: var(--font-color);
 }