Map should have more contrast

[mltiede]

I have a person badge on the dashboard. When I click on it, it takes me to a map showing where the person is. But the map, at least in dark mode on my Galaxy S10, is too dark to make out where they are on the map. I can see hints of roads that are just a dark gray on a what looks like a black background. And the screen captures on Phone Link on the PC that I attached here look better than they do on the phone.

In light mode, the roads show up a little better, but I see no reason to have such low contrast on the items on the map.

[KTibow]

We currently use CARTO. Examples:
Light "Positron": https://d.basemaps.cartocdn.com/light_all/7/25/[email protected]

Dark "Dark Matter": https://d.basemaps.cartocdn.com/dark_all/7/25/[email protected]

They also have a version we don't use,
Color "Voyager": https://d.basemaps.cartocdn.com/rastertiles/voyager/7/25/[email protected]

And a third party's satellite view:
https://1.aerial.maps.api.here.com/maptile/2.1/maptile/newest/satellite.day/7/25/46/256/jpg?lg=eng&token=0&app_id=0

I would recommend applying filter: brightness(4) contrast(1.33) to the dark map in order to give it more contrast, like this:

[mltiede]

I'm not using a card. I was just tracking a person. When I click on the person badge, the map is shown.

[mltiede]

How do I get that to show up for the badge?

[KTibow]

#13200

[matthiasdebaat]

Edit: Fixed in #13227

Personally, I would like to use a more vibrant map style with more contrast that users are familiar with, for example from Google Maps. For the CARTO basemap, that would be the Voyager style. We're only adding zones and people to our map, so I think this would work perfectly with a more detailed map.

Downside is that there isn't a dark mode version of Voyager. In that case we could invert the colors or apply a hue rotate effect, described in this blog post.

[KTibow]

How's invert(1) hue-rotate(180deg) brightness(3) contrast(1.3) saturate(0.5) for dark mode?