Invert dark browse icons in dark mode

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

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 8a5aa142cc6de9506430166912fae3ee36a30487..eba3df61be6ca6e4b13012cd65b812b6904e2d78 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1032,4 +1032,12 @@ img.trace_image {
   .browse-section #{$class}::before {
     content: image-url('browse/#{map.get($item, "filename")}');
   }
+
+  @if map.get($item, "invert") {
+    @include color-mode(dark) {
+      .browse-section #{$class}::before {
+        filter: invert(.8) hue-rotate(180deg);
+      }
+    }
+  }
 }