fix: fix active color of buttons (#3327)

sbb-design-systems · Dec 23, 2024 · 89e934d · 89e934d
1 parent 9d47116
commit 89e934d
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/elements/button/common/button-common.scss b/src/elements/button/common/button-common.scss
@@ -184,7 +184,6 @@ $active: ':active, [data-active]';
     }
 
     :host(:not(#{$disabled}):is(#{$active})) & {
-      color: var(--sbb-button-color-active-text);
       background-color: var(--sbb-button-color-active-background);
       border-color: var(--sbb-button-color-active-border);
     }
@@ -201,6 +200,10 @@ $active: ':active, [data-active]';
     pointer-events: none;
   }
 
+  :host(:not(#{$disabled}):is(#{$active})) & {
+    color: var(--sbb-button-color-active-text);
+  }
+
   :host(:not(#{$disabled}, #{$active}):hover) & {
     @include sbb.hover-mq($hover: true) {
       color: var(--sbb-button-color-hover-text);