Google Maps

Hi @chaseroll

You can try to use this CSS. Add it to Appearance > Customize > Additional CSS. Change guten-qj2K7e to your Google Map block id

.gutenverse-maps.guten-qj2K7e > iframe {
  filter: invert(90%) hue-rotate(180deg);
}

Brilliant, thanks.

One more question. What field is responsible for the map highlight color when the user scrolls on it without holding cmd?

It’s not possible to directly style an element within the Google Maps iframe. If you want to customize the style of Google Maps when it’s embedded, you can use their API, which is available here: https://developers.google.com/maps/documentation/javascript/examples/style-array#maps_style_array-html

You can use an HTML block to embed the customized map in the editor.