diff --git a/projects/sbb-esta/angular-business/src/lib/button/button/button.component.scss b/projects/sbb-esta/angular-business/src/lib/button/button/button.component.scss index 8760380bea..1dda07ef7e 100644 --- a/projects/sbb-esta/angular-business/src/lib/button/button/button.component.scss +++ b/projects/sbb-esta/angular-business/src/lib/button/button/button.component.scss @@ -29,4 +29,22 @@ &:disabled { opacity: 0.4; } + + &-primary.sbb-button-has-icon:disabled, + &-primary:not(.sbb-button-has-icon):disabled, + &-alternative.sbb-button-has-icon:disabled, + &-alternative:not(.sbb-button-has-icon):disabled { + color: rgba($buttonDefaultColor, 0.5); + } + + &-secondary.sbb-button-has-icon:disabled, + &-secondary:not(.sbb-button-has-icon):disabled, + &-icon:disabled { + color: rgba($buttonSecondaryColor, 0.5); + } + + &-ghost.sbb-button-has-icon, + &-ghost:not(.sbb-button-has-icon) { + color: rgba($buttonSecondaryColor, 0.4); + } } diff --git a/projects/sbb-esta/angular-public/src/lib/button/styles/_button-variables.scss b/projects/sbb-esta/angular-public/src/lib/button/styles/_button-variables.scss index b4a3b0a920..0285bb5055 100644 --- a/projects/sbb-esta/angular-public/src/lib/button/styles/_button-variables.scss +++ b/projects/sbb-esta/angular-public/src/lib/button/styles/_button-variables.scss @@ -23,3 +23,8 @@ $buttonGhostBorderColorHover: $sbbColorIron; $buttonFramelessColor: $sbbColorIron; $buttonFramelessColorHover: $sbbColorRed125; $buttonDisabledBorderColor: $sbbColorGreyMedium; + +@if $sbbBusiness { + $buttonGhostColor: $sbbColorGranite; + $buttonGhostBorderColor: $sbbColorGranite; +}