refactor: rename search bar active border highlight variable and update styles

Author: Sma1lboy

README.md

@@ -149,7 +149,7 @@ This theme is shipped with polished styles just like the Algolia Search on the D
 | --search-local-muted-color       | `#969faf`                                                              | `var(--ifm-color-secondary-darkest)`                    |
 | --search-local-icon-stroke-width | `1.4`                                                                  | -                                                       |
 | --search-local-hit-active-color  | `var(--ifm-color-white)`                                               | -                                                       |
-| --search-bar-active-border-highlight  | `var(--ifm-color-primary)`   | -              | The outline color of the search input when focused. Uses the theme's primary color by default. |
+| --search-local-input-active-border-color  | `var(--ifm-color-primary)`   | -              | 
 
 E.g.:
 

docusaurus-search-local/src/client/theme/SearchBar/SearchBar.module.css

@@ -17,21 +17,10 @@
 }
 
 
-:root {
-  --search-bar-active-border-highlight: var(--ifm-color-primary);
-}
 
-.searchInput {
-  outline: 2px solid transparent; 
-  box-shadow: none;
-  border: 1px solid var(--ifm-color-emphasis-300);
-  transition: all 0.2s ease; 
-  --search-bar-active-border-highlight: var(--ifm-color-primary);
-}
 
 .searchInput:focus {
-  border-color: transparent;
-  outline: 2px solid var(--search-bar-active-border-highlight);
+  outline: 2px solid var(--search-local-input-active-border-color, var(--ifm-color-primary));
   outline-offset: 0px;
 }