From 8a7b25a44f3372f9088bc6909d2b697ce234eb1c Mon Sep 17 00:00:00 2001
From: Yohn <john.skem9@gmail.com>
Date: Thu, 12 Dec 2024 22:38:07 -0500
Subject: [PATCH] Improved visibility of loading icon in light mode on contrast
 backgrounds.

---
 scss/themes/default/_light.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/scss/themes/default/_light.scss b/scss/themes/default/_light.scss
index c98ca2a6..a83d6019 100644
--- 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>)