Travellers Map dark mode

As a shortcode parameter no, but with simple CSS and a dark tile provider you could achieve what you want.

You can find a list of free providers here, and this one is dark: https://leaflet-extras.github.io/leaflet-providers/preview/#filter=Stadia.AlidadeSmoothDark

As for the zoom and fullscreen controls, you can add custom CSS to your theme :

.travelersmap-container .leaflet-control-zoom a, .travelersmap-container .leaflet-control-fullscreen a {
  color: white !important;
  background: rgba(0, 0, 0, 0.5) !important;
  transition: all 0.5s ease;
}

.travelersmap-container .leaflet-control-zoom a:hover, .travelersmap-container .leaflet-control-fullscreen a:hover {
  color: white !important;
  background: rgba(0, 0, 0, 0.9) !important;
}

thank you for the quick answer and the hint with the dark map.
i have changed the setting as described in the documentation but now the map is no longer displayed
it seems that a java file is missing. leaflet-proividers.js?

sorry but i’m not very familiar with java, did i make a mistake?

• This reply was modified 3 years, 11 months ago by markuska.

I think the tile provider is wrong, that’s why the tiles are not showing.

I cannot test right now, but I think you should try to replace abcd by abc in the subdomain field!

I checked the server-url, “https://tiles.stadiamaps.com/tiles/alidade_smooth_dark/{z}/{x}/{y}{r}.png”
server-subdomain is “abc”

if you have time it would be great if you can check it.

I think it might be a problem with stadiamaps, they seem to have a “free plan” but you need to register on their website and add your website adress for it to work.
https://client.stadiamaps.com/signup/

I found another dark theme (even darker, maybe too much) that doesn’t need login (it’s the same provider as the default one in this plugin): https://leaflet-extras.github.io/leaflet-providers/preview/#filter=CartoDB.DarkMatter

You can find the list of all free providers without filter here : https://leaflet-extras.github.io/leaflet-providers/preview/

Some of them require to log in and add an API key, with X number of map load per month (it’s usually more than enough for small/medium websites)

I hope this helps ??
Have a nice day,
Camille

This help and worked! ??
It seems to be a problem with stadiamaps, youre right. i registered there and add my website but it wont work.
your tip with the other dark theme worked fine – looks also fine. ??

thank you so much for your support!!

all the best
markus