Disable filter inheritance on tiles, apply filter to tile container

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index b0b706562df7cc1ff53dbb9441a97945b8fbedd8..c1e71cc2d7e53d892214df5e1bc4f82848ab11e6 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -506,11 +506,15 @@ body.small-nav {
 }
 
 @include color-mode(dark) {
 }
 
 @include color-mode(dark) {

-  .leaflet-tile-container .leaflet-tile,
+  .leaflet-tile-container,

   .mapkey-table-entry td:first-child > * {
     filter: var(--dark-mode-map-filter);
   }
 
   .mapkey-table-entry td:first-child > * {
     filter: var(--dark-mode-map-filter);
   }
 

+  .leaflet-tile-container .leaflet-tile {
+    filter: none;
+  }
+

   .leaflet-container .leaflet-control-attribution a {
     color: var(--bs-link-color);
   }
   .leaflet-container .leaflet-control-attribution a {
     color: var(--bs-link-color);
   }