From 1d35c12c16364f03ae687ce5778a77839cbc3d86 Mon Sep 17 00:00:00 2001 From: Amy Sorto <8575252+amysorto@users.noreply.github.com> Date: Tue, 7 Jan 2025 16:58:55 +0000 Subject: [PATCH] fix(material/toolbar): Update icon button color to match label text color token --- src/material/toolbar/toolbar.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/material/toolbar/toolbar.scss b/src/material/toolbar/toolbar.scss index 2078816fbe09..bd14d8a7364b 100644 --- a/src/material/toolbar/toolbar.scss +++ b/src/material/toolbar/toolbar.scss @@ -1,6 +1,7 @@ @use '@angular/cdk'; @use '../core/tokens/token-utils'; @use '../core/tokens/m2/mat/toolbar' as tokens-mat-toolbar; +@use '../core/tokens/m2/mdc/icon-button' as tokens-mdc-icon-button; @use '../core/tokens/m2/mdc/text-button' as tokens-mdc-text-button; @use '../core/tokens/m2/mdc/outlined-button' as tokens-mdc-outlined-button; @use '../core/style/variables'; @@ -69,6 +70,13 @@ $height-mobile-portrait: 56px !default; $token: token-utils.get-token-variable-name(label-text-color); #{$token}: #{$color-token}; } + + @include token-utils.use-tokens( + tokens-mdc-icon-button.$prefix, tokens-mdc-icon-button.get-token-slots()) { + // Update icon button color to match label text color for consistency while overriding. + $token: token-utils.get-token-variable-name(icon-color); + #{$token}: #{$color-token}; + } } }