Merge pull request #50 from developmentseed/style-geocoder

Style geocoder
developmentseed · Jun 7, 2024 · e6a7fe8 · e6a7fe8
2 parents abfcfc1 + 2eb6f74
commit e6a7fe8
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/packages/web/src/index.css b/packages/web/src/index.css
@@ -485,3 +485,27 @@ li.bar-chart__bar {
   background: var(--bg-dark);
   display: inline-flex;
 }
+
+/* Style Maplibre Geocoder */
+.maplibregl-ctrl-geocoder,
+.maplibregl-ctrl-geocoder--input,
+.maplibregl-ctrl-geocoder--input:focus,
+.maplibregl-ctrl-geocoder--input::placeholder,
+.maplibregl-ctrl-geocoder .suggestions,
+.maplibregl-ctrl-geocoder--button,
+.maplibre-gl-geocoder--error,
+.maplibregl-ctrl-geocoder .suggestions > li > a {
+  background: var(--base);
+  color: var(--base-light);
+}
+.mapboxgl-ctrl-geocoder--result-icon,
+.mapboxgl-ctrl-geocoder--result-icon path,
+.maplibregl-ctrl-geocoder--icon,
+.maplibregl-ctrl-geocoder--icon-loading path {
+  fill: var(--base-light);
+}
+.maplibregl-ctrl-geocoder .suggestions > li > a:hover,
+.maplibregl-ctrl-geocoder .suggestions > li > a:hover .mapboxgl-ctrl-geocoder--result-icon path {
+  background: var(--bg-dark);
+  color: var(--base-light);
+}