Make image compare higher contrast

The color used (forest green) is arbitrary and just works; I'm not sure what would be the best universal color.
bevyengine · Feb 16, 2024 · ec59445 · ec59445
1 parent 374ea40
commit ec59445
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/sass/components/_image_compare.scss b/sass/components/_image_compare.scss
@@ -27,9 +27,13 @@ div.image-compare {
     width: calc(100% - var(--text-padding));
     text-shadow: 0 0 2px $color-black;
   }
+
+  $before-after-color: forestgreen;
+
   &::before {
     @include image-title;
 
+    color: $before-after-color;
     content: attr(data-title-a);
     padding-left: var(--text-padding);
     clip-path: var(--clip-L-geo);
@@ -39,6 +43,7 @@ div.image-compare {
   &::after {
     @include image-title;
 
+    color: $before-after-color;
     content: attr(data-title-b);
     padding-right: var(--text-padding);
     clip-path: var(--clip-R-geo);