Visibility improvements for dark mode

openstreetmap · Sep 21, 2024 · ea30534 · ea30534
1 parent 40c07ec
commit ea30534
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
@@ -968,6 +968,9 @@ img.trace_image {
 
   .barrier {
     fill: #3f3f3f;
+    @include color-mode(dark) {
+      filter: invert(.8) hue-rotate(180deg);
+    }
   }
 
   .gastronomy {
@@ -989,6 +992,9 @@ img.trace_image {
   .man-made,
   .advertising {
     fill: #666666;
+    @include color-mode(dark) {
+      filter: invert(.8) hue-rotate(180deg);
+    }
   }
 
   .office {
@@ -997,6 +1003,9 @@ img.trace_image {
 
   .religious {
     fill: #000000;
+    @include color-mode(dark) {
+      filter: invert(.8) hue-rotate(180deg);
+    }
   }
 
   .shop {
@@ -1005,6 +1014,9 @@ img.trace_image {
 
   .traffic-light {
     fill: #545454;
+    @include color-mode(dark) {
+      filter: invert(.8) hue-rotate(180deg);
+    }
   }
 
   .transportation,