docs: use dark text color on light mode search bar (zarr-developers#3760)

maxrjones · web-flow · commit a89b927a2780 · 2026-03-11T08:47:10.000+01:00
diff --git a/docs/overrides/stylesheets/extra.css b/docs/overrides/stylesheets/extra.css
@@ -52,14 +52,14 @@
   color: white;
 }
 
-/* Search box styling */
-.md-search__input {
+/* Search box styling in the header */
+.md-header .md-search__input {
   background-color: rgba(255, 255, 255, 0.15);
   border: 1px solid rgba(255, 255, 255, 0.2);
   color: white;
 }
 
-.md-search__input::placeholder {
+.md-header .md-search__input::placeholder {
   color: rgba(255, 255, 255, 0.7);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -52,14 +52,14 @@`
`52`	`52`	`color: white;`
`53`	`53`	`}`
`54`	`54`
`55`		`-/* Search box styling */`
`56`		`-.md-search__input {`
	`55`	`+/* Search box styling in the header */`
	`56`	`+.md-header .md-search__input {`
`57`	`57`	`background-color: rgba(255, 255, 255, 0.15);`
`58`	`58`	`border: 1px solid rgba(255, 255, 255, 0.2);`
`59`	`59`	`color: white;`
`60`	`60`	`}`
`61`	`61`
`62`		`-.md-search__input::placeholder {`
	`62`	`+.md-header .md-search__input::placeholder {`
`63`	`63`	`color: rgba(255, 255, 255, 0.7);`
`64`	`64`	`}`
`65`	`65`