Merge pull request #129 from easyops-cn/steve/fix-search-bar-style-with-dark-navbar

weareoutman · web-flow · commit 2bd7d4487694 · 2021-12-13T12:08:18.000+08:00
fix: refine styles with dark navbar
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) {

Original file line number	Diff line number	Diff line change
`@@ -219,6 +219,9 @@ html[data-theme="dark"] .noResultsIcon {`
`219`	`219`
`220`	`220`	`.searchHint {`
`221`	`221`	`color: var(--ifm-navbar-search-input-placeholder-color);`
	`222`	`+ background-color: var(--ifm-navbar-background-color);`
	`223`	`+ border: 1px solid var(--ifm-color-emphasis-500);`
	`224`	`+ box-shadow: inset 0 -1px 0 var(--ifm-color-emphasis-500);`
`222`	`225`	`}`
`223`	`226`
`224`	`227`	`@media (max-width: 576px) {`