X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/b87983c2baf55d437c09e668188454d01b5f20b0..1bee96ede16e1dab41ad82efb9f2486da68a642f:/app/assets/stylesheets/common.scss

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index c1e71cc2d..323f60e08 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -506,6 +506,16 @@ body.small-nav {
 }
 
 @include color-mode(dark) {
+  .leaflet-container .leaflet-control-attribution a {
+    color: var(--bs-link-color);
+  }
+
+  .leaflet-control-scale-line {
+    border-color: rgba(var(--bs-light-rgb), .75) !important;
+  }
+}
+
+@mixin dark-map-color-scheme {
   .leaflet-tile-container,
   .mapkey-table-entry td:first-child > * {
     filter: var(--dark-mode-map-filter);
@@ -514,13 +524,15 @@ body.small-nav {
   .leaflet-tile-container .leaflet-tile {
     filter: none;
   }
+}
 
-  .leaflet-container .leaflet-control-attribution a {
-    color: var(--bs-link-color);
-  }
+body[data-map-theme="dark"] {
+  @include dark-map-color-scheme;
+}
 
-  .leaflet-control-scale-line {
-    border-color: rgba(var(--bs-light-rgb), .75) !important;
+@include color-mode(dark) {
+  body:not([data-map-theme]) {
+    @include dark-map-color-scheme;
   }
 }