fix: use primary color for loader, add loader-inherit for colored buttons

2026-01-24 21:14:51 -05:00
parent 4cfd01ba70
commit cc8b999969
5 changed files with 17 additions and 12 deletions
--- a/themes/lucentui/css/app.css
+++ b/themes/lucentui/css/app.css
@@ -638,12 +638,17 @@ x-navigation-link svg {
    width: 1em;
    height: 1em;
    border-radius: 50%;
-    border: 2px solid currentColor;
+    border: 2px solid var(--primary, #6366f1);
    animation:
        loader-clip 0.8s infinite linear alternate,
        loader-rotate 1.6s infinite linear;
 }

+/* Use currentColor variant when inside colored buttons */
+.loader-inherit {
+    border-color: currentColor;
+}
+
 .loader-sm {
    width: 0.875em;
    height: 0.875em;