Improved visibility of loading icon in light mode on contrast backgro…

…unds.
Yohn · Dec 13, 2024 · 8a7b25a · 8a7b25a
1 parent b7100d2
commit 8a7b25a
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/scss/themes/default/_light.scss b/scss/themes/default/_light.scss
@@ -180,6 +180,24 @@
   // Loading ([aria-busy=true])
   @if map.get($modules, "components/loading") {
     #{$css-var-prefix}loading-spinner-opacity: 0.5;
+
+    // Loading icon (animated)
+    // Change the icon color to white for .contrast buttons
+    @if $enable-classes {
+      #{$parent-selector} [aria-busy="true"]:not(input, select, textarea) {
+        &.contrast:is(
+            button,
+            [type="submit"],
+            [type="button"],
+            [type="reset"],
+            [role="button"]
+          ):not(.outline) {
+          &::before {
+            filter: invert(1) !important;
+          }
+        }
+      }
+    }
   }
 
   // Modal (<dialog>)