fix(material/toolbar): Update icon button color to match label text c…

…olor token
angular · Jan 7, 2025 · 1d35c12 · 1d35c12
1 parent 66741b8
commit 1d35c12
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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};
+    }
   }
 }