From 691cde6e29d5e796e044ba0fe65eaa2581e643b6 Mon Sep 17 00:00:00 2001
From: gripped <github@leeharris.me.uk>
Date: Wed, 7 Apr 2021 11:38:53 +0100
Subject: [PATCH] Changes to footer for consistancy and .collapsible for
 readability

---
 app/static/css/dark-theme.css | 6 +++---
 app/templates/display.html    | 4 ++--
 app/templates/index.html      | 8 ++++----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/static/css/dark-theme.css b/app/static/css/dark-theme.css
index 720f27a..7e47118 100644
--- a/app/static/css/dark-theme.css
+++ b/app/static/css/dark-theme.css
@@ -86,11 +86,11 @@ select {
 }
 
 .collapsible {
-    color: var(--whoogle-dark-element-bg) !important;
+    color: var(--whoogle-dark-contrast-text) !important;
 }
 
 .collapsible:after {
-    color: var(--whoogle-dark-element-bg) !important;
+    color: var(--whoogle-dark-contrast-text) !important;
 }
 
 .active {
@@ -108,7 +108,7 @@ select {
 }
 
 #gh-link {
-    color: var(--whoogle-dark-element-bg);
+    color: var(--whoogle-dark-contrast-text);
 }
 
 .autocomplete-items {
diff --git a/app/templates/display.html b/app/templates/display.html
index 4eb0512..d21bd6b 100644
--- a/app/templates/display.html
+++ b/app/templates/display.html
@@ -17,9 +17,9 @@
     {{ response|safe }}
     </body>
     <footer>
-        <p style="color: {{ '#fff' if config.dark else '#000' }};">
+        <p style="color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};">
             Whoogle Search v{{ version_number }} ||
-            <a style="color: #685e79" href="https://github.com/benbusby/whoogle-search">View on GitHub</a>
+            <a id="gh-link" href="https://github.com/benbusby/whoogle-search">View on GitHub</a>
         </p>
     </footer>
 	<script src="static/js/autocomplete.js"></script>
diff --git a/app/templates/index.html b/app/templates/index.html
index c49943e..336b159 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -144,10 +144,10 @@
             </div>
         </div>
         <footer>
-            <p style="color: {{ '#fff' if config.dark else '#000' }};">
-                Whoogle Search v{{ version_number }} ||
-                <a id="gh-link" href="https://github.com/benbusby/whoogle-search">View on GitHub</a>
-            </p>
+			<p style="color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};">
+				Whoogle Search v{{ version_number }} ||
+				<a id="gh-link" href="https://github.com/benbusby/whoogle-search">View on GitHub</a>
+			</p>
         </footer>
     </body>
 </html>