style(search): keep constrast consistent within search button

s-pace · Aug 25, 2020 · 65f6460 · 65f6460
1 parent 9e1a9e1
commit 65f6460
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/components/Search.js b/src/components/Search.js
@@ -50,17 +50,23 @@ const Search = () => (
  .DocSearch-Button {
  margin: 10px;
  height: 39px;
+
+ &:hover .DocSearch-Search-Icon,
+ &:active .DocSearch-Search-Icon,
+ &:focus .DocSearch-Search-Icon {
+ color: var(--docsearch-text-color);
+ }
+ .DocSearch-Search-Icon {
+ width: 28px;
+ color: var(--docsearch-muted-color);
+ }
  }
 
  .DocSearch-Button-Placeholder {
  width: 100%;
  text-align: left;
  }
 
- .DocSearch-Search-Icon {
- width: 28px;
- }
-
  .DocSearch-Modal {
  a {
  border-bottom-style: none;