Merge pull request #129 from easyops-cn/steve/fix-search-bar-style-wi…

…th-dark-navbar fix: refine styles with dark navbar
easyops-cn · Dec 13, 2021 · 2bd7d44 · 2bd7d44
2 parents 5601ea8 + e3c9eef
commit 2bd7d44
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/client/theme/SearchBar/SearchBar.module.css b/src/client/theme/SearchBar/SearchBar.module.css
@@ -219,6 +219,9 @@ html[data-theme="dark"] .noResultsIcon {
 
 .searchHint {
   color: var(--ifm-navbar-search-input-placeholder-color);
+  background-color: var(--ifm-navbar-background-color);
+  border: 1px solid var(--ifm-color-emphasis-500);
+  box-shadow: inset 0 -1px 0 var(--ifm-color-emphasis-500);
 }
 
 @media (max-width: 576px) {