diff --git a/static/css/dark.css b/static/css/dark.css
index 5297ee7..9758740 100644
--- a/static/css/dark.css
+++ b/static/css/dark.css
@@ -7,7 +7,14 @@
 
     --button-bg: #303134;
 
-    --special-result-border: #bdc1c6;
+    --special-result-border: #5f6368;
+    --special-text-background: #282828;
+    --special-text-color: #cccccc;
+    
+    --search-container-text-color: #e8eaed; 
+    --search-container-background-color: #333333;
+    
+    --hr-color: #303134; 
 
     --footer-fg: #999da2;
     --footer-bg: #161616;
diff --git a/static/css/styles.css b/static/css/styles.css
index 1fa9c5c..7e27879 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -138,8 +138,8 @@ a:hover,
 .search-container input,
 .sub-search-container input {
     width: 500px;
-    color: #e8eaed;
-    background-color: #333333;
+    color: var(--search-container-text-color);
+    background-color: var(--search-container-background-color);
     padding: 10px;
     font-size: inherit;
     font-family: sans-serif;
@@ -170,7 +170,7 @@ a:hover,
 .sub-search-container hr {
     margin-top: 18px;
     margin-bottom: 18px;
-    color: #303134;
+    color: var(--hr-color);
     width: 1000%;
     margin-left: -500%;
 }
@@ -260,12 +260,11 @@ a:hover,
 
 .special-result-container {
     padding: 10px;
-    border: 1px solid #5f6368;
-    var(--special-result-border);
+    border: 1px solid var(--special-result-border);
     width: 500px;
     border-radius: 10px;
-    background: #282828;
-    color: #cccccc;
+    background: var(--special-text-background);
+    color: var(--special-text-color);
 }
 
 .text-result-wrapper {