From 87d23cfb8a1fe36ba02a48aac83648ae135d2e37 Mon Sep 17 00:00:00 2001 From: Daniel Kimmich Date: Wed, 26 Jul 2023 14:29:25 +0200 Subject: [PATCH] fix(material/snack-bar): prevent override of snack bar action button color --- .../snack-bar/snack-bar-container.scss | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/src/material/snack-bar/snack-bar-container.scss b/src/material/snack-bar/snack-bar-container.scss index befdf6e656c9..095abd9f1d00 100644 --- a/src/material/snack-bar/snack-bar-container.scss +++ b/src/material/snack-bar/snack-bar-container.scss @@ -57,14 +57,16 @@ // The `mat-mdc-button` and `:not(:disabled)` here are redundant, but we need them to increase // the specificity over the button styles that may bleed in from the rest of the app. .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled) { - // MDC's `action-label-text-color` should be able to do this, but the button theme has a - // higher specificity so it ends up overriding it. Define our own variable that we can - // use to control the color instead. - @include token-utils.use-tokens( - tokens-mat-snack-bar.$prefix, - tokens-mat-snack-bar.get-token-slots() - ) { - @include token-utils.create-token-slot(color, button-color); + &.mat-unthemed { + // MDC's `action-label-text-color` should be able to do this, but the button theme has a + // higher specificity so it ends up overriding it. Define our own variable that we can + // use to control the color instead. + @include token-utils.use-tokens( + tokens-mat-snack-bar.$prefix, + tokens-mat-snack-bar.get-token-slots() + ) { + @include token-utils.create-token-slot(color, button-color); + } } // Darken the ripples in the button so they're visible against the dark background.