Merge branch 'pull/4985'

[rails.git] / app / assets / stylesheets / common.scss

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index c1e71cc2d7e53d892214df5e1bc4f82848ab11e6..323f60e08c192a91d2934f5e2309c1841591f357 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -506,6 +506,16 @@ body.small-nav {
 }
 
 @include color-mode(dark) {
 }
 
 @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);
   .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-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;

   }
 }
 
   }
 }