diff --git a/src/assets/main.css b/src/assets/main.css index 61b2544..f01d68c 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -81,6 +81,11 @@ input.leaflet-control-layers-selector[disabled=""] + span { #map.leaflet-container .leaflet-control-attribution a { color: silver; } +body.light-mode #map.leaflet-container .leaflet-control-attribution, +body.light-mode #map.leaflet-container .leaflet-control-attribution a { + color: #666; +} + #map.leaflet-container a.leaflet-popup-close-button { right: 5px; font: 24px/24px Tahoma, Verdana, sans-serif; diff --git a/src/components/LeafletMap.vue b/src/components/LeafletMap.vue index e47c8f7..29375c4 100644 --- a/src/components/LeafletMap.vue +++ b/src/components/LeafletMap.vue @@ -68,7 +68,7 @@ export default { }) let hamburg_dark_mode = L.tileLayer('https://tiles.3plusx.io/hamburg/darkmode/{z}/{x}/{y}{r}.png', { - attribution: 'Map by UT/3+x, Geodata by OpenStreetMap', + attribution: 'Karte: UT/3+x, Geodaten: OpenStreetMap + Mitwirkende', maxZoom: 17, detectRetina: false }) @@ -79,7 +79,7 @@ export default { transparent: true, minZoom: 9, maxZoom: 20, - attribution: 'Landesbetriebs Geoinformation und Vermessung (LGV) Hamburg, Datenlizenz Deutschland Namensnennung 2.0' + attribution: 'Karte: LGV Hamburg, Lizenz dl-de/by-2-0' }) @@ -103,9 +103,10 @@ export default { document.body.classList.add('dark-mode'); } else if (savedBasemap === 'Hamburg Darkmode') { hamburg_dark_mode.addTo(map.value) - document.body.classList.remove('dark-mode'); + document.body.classList.add('dark-mode'); } else { wmsLayerHamburg1980s.addTo(map.value) + document.body.classList.remove('dark-mode'); document.body.classList.add('light-mode'); } @@ -441,8 +442,10 @@ export default { console.log('baselayerchange', e); if (e.name === 'Historische Karte 1980er') { document.body.classList.add('light-mode'); + document.body.classList.remove('dark-mode'); } else { document.body.classList.remove('light-mode'); + document.body.classList.add('dark-mode'); } saveMapState(); })