Finalize dark mode

daux_libraries/search.css

@@ -3,7 +3,7 @@ body.with-search {
 }
 
 .SearchResults {
-    background: #fff;
+    background: var(--body-background);
     max-width: 650px;
     padding: 15px;
     margin: 0;
@@ -67,10 +67,11 @@ body.with-search {
     font-weight: 300;
     font-size: 15px;
     line-height: 1.7;
-    color: #555;
+    color: var(--color-text);
 }
 
 .SearchResults__close {
+    color: currentcolor;
     border: 0 transparent solid;
     background: none;
 
@@ -90,12 +91,12 @@ body.with-search {
 }
 
 .SearchResults__title a {
-    color: #333;
+    color: var(--color-text);
     text-decoration: none;
 }
 
 .SearchResults__title a:hover {
-    color: #555;
+    opacity: 0.8;
 }
 
 .SearchResults__url {
@@ -119,7 +120,7 @@ body.with-search {
     font-weight: 300;
     font-size: 15px;
     line-height: 1.6;
-    color: #555;
+    color: var(--color-text);
     word-wrap: break-word;
     hyphens: auto;
     margin-top: 3px;

src/css/theme_daux/_components.scss

@@ -337,6 +337,7 @@ Components
         width: 16px;
         height: 16px;
         cursor: pointer;
+        fill: currentcolor;
     }
 }
 
@@ -411,6 +412,7 @@ ul.TableOfContents {
             background-color: var(--pager-background-color);
             border: 1px solid var(--pager-border-color);
             border-radius: 15px;
+            cursor: pointer;
         }
 
         > a:hover,

src/css/theme_daux/_variables.scss

@@ -50,7 +50,7 @@
 
     // Sidebar search field
     --search-field-color: #555;
-    --search-field-border-color: #ccc;
+    --search-field-border-color: var(--lighter-gray);
     --search-field-background: #fff;
     --search-field-hover-border-color: var(--color-primary);
 
@@ -158,6 +158,11 @@
     --hero-button-secondary-border-color: var(--color-secondary);
     --hero-button-secondary-color: var(--color-primary);
     --hero-button-secondary-background: var(--color-secondary);
+
+    // Sidebar search field
+    --search-field-color: #fff;
+    --search-field-border-color: var(--dark-gray);
+    --search-field-background: #555;
 }
 
 /*