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);
 }