style: fix Bootstrap light theme overriding dark `.text-muted`

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 {

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

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