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();
})