Searchbar colors

Author: KacperFKorban

scaladoc-js/resources/scaladoc-searchbar.css

@@ -50,6 +50,9 @@
     box-shadow: 0 2px 16px 0 rgba(0, 42, 76, 0.15);
     font-size: 13px;
     font-family: system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;
+    background-color: var(--leftbar-bg);
+    color: var(--leftbar-fg);
+    box-shadow: 0 0 2px var(--shadow);
 }
 
 #scaladoc-searchbar-input {
@@ -58,23 +61,24 @@
     border: none;
     border-bottom: 1px solid #bbb;
     padding: 10px;
-    color: black;
+    background-color: var(--leftbar-bg);
+    color: var(--leftbar-fg);
 }
 
 #scaladoc-searchbar-input:focus {
     outline: none;
 }
 
 #scaladoc-searchbar-results {
-    background: var(--white);
     display: flex;
     flex-direction: column;
     max-height: 500px;
     overflow: auto;
 }
 
 .scaladoc-searchbar-result {
-    background: var(--white);
+    background-color: var(--leftbar-bg);
+    color: var(--leftbar-fg);
     line-height: 24px;
     display: flex;
     padding: 4px 10px 4px 10px;
@@ -91,11 +95,11 @@
 }
 
 .scaladoc-searchbar-result[selected] {
-    background-color: var(--blue100);
+    background-color: var(--leftbar-hover-bg);
+    color: var(--leftbar-hover-fg);
 }
 
 .scaladoc-searchbar-result a {
-    color: var(--grey900);
     /* for some reason, with display:block if there's a wrap between the
      * search result text and the location span, the dead space to the
      * left of the location span doesn't get treated as part of the block,
@@ -108,10 +112,6 @@
     padding-left: 20px;
 }
 
-.scaladoc-searchbar-result .scaladoc-searchbar-location {
-    color: gray;
-}
-
 #searchBar {
     display: inline-flex;
 }

scaladoc/resources/dotty_res/styles/colors.css

@@ -80,10 +80,14 @@
   --icon-color: var(--grey400);
   --selected-fg: var(--blue900);
   --selected-bg: var(--blue200);
+
+  --shadow: var(--black);
 }
 
   /* Dark Mode */
 :root.theme-dark {
+  color-scheme: dark;
+
   --border-light: var(--blue800);
   --border-medium: var(--blue700);
 
@@ -124,4 +128,6 @@
 
   --tab-selected: var(--white);
   --tab-default: var(--grey300);
+
+  --shadow: var(--white);
 }

scaladoc/resources/dotty_res/styles/search-bar.css

@@ -105,9 +105,4 @@
   100% {
     background-color: white;
   }
-}
-
-/* Search Error */
-.search-error {
-  color: black
 }