From a6504816bb27265dc27e9ddb2c3254a6ee67e647 Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Sun, 21 Jul 2019 20:00:41 +0100
Subject: [PATCH] style: fix Bootstrap light theme overriding dark
 `.text-muted`

---
 assets/sass/academic/_content.scss |  2 +-
 assets/sass/academic/_dark.scss    |  9 ---------
 assets/sass/academic/_search.scss  | 15 +++++++++++++--
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/assets/sass/academic/_content.scss b/assets/sass/academic/_content.scss
index 040b3303..84bf5ed8 100644
--- a/assets/sass/academic/_content.scss
+++ b/assets/sass/academic/_content.scss
@@ -81,7 +81,7 @@ article {
 }
 
 .dark .text-muted {
-  color: rgba(255,255,255,0.54);
+  color: rgba(255,255,255,0.54) !important;
 }
 
 .article-metadata {
diff --git a/assets/sass/academic/_dark.scss b/assets/sass/academic/_dark.scss
index 4d27b850..a6324536 100644
--- a/assets/sass/academic/_dark.scss
+++ b/assets/sass/academic/_dark.scss
@@ -127,15 +127,6 @@ body.dark,
   color: rgb(248, 248, 242);
 }
 
-/* Algolia search input */
-.dark .ais-search-box--input {
-  background-color: rgb(68, 71, 90);
-}
-
-.dark #search-query {
-  background-color: rgb(68, 71, 90);
-}
-
 .dark .badge-light {
   color: rgba(255, 255, 255, .68);
   background: rgba(255, 255, 255, .2);
diff --git a/assets/sass/academic/_search.scss b/assets/sass/academic/_search.scss
index a6fd06f9..2b510aa4 100644
--- a/assets/sass/academic/_search.scss
+++ b/assets/sass/academic/_search.scss
@@ -17,7 +17,7 @@
 }
 
 .dark .search-results {
-  background-color: rgb(40, 42, 54);
+  background-color: $sta-dark-background;
 }
 
 .searching {
@@ -59,7 +59,7 @@
 }
 
 .dark .search-header {
-  background-color: rgb(40, 42, 54);
+  background-color: $sta-dark-background;
 }
 
 .search-header h1 {
@@ -129,3 +129,14 @@
   border-color: $sta-primary;
   box-shadow: 0 0 0 .2rem $sta-primary-light;
 }
+
+/* DARK themed components. */
+
+/* Algolia search input */
+.dark .ais-search-box--input {
+  background-color: $sta-dark-background;;
+}
+
+.dark #search-query {
+  background-color: $sta-dark-background;;
+}