Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 1d35c12

Browse files
committedJan 7, 2025·
fix(material/toolbar): Update icon button color to match label text color token
1 parent 66741b8 commit 1d35c12

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed
 

‎src/material/toolbar/toolbar.scss

+8
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
@use '@angular/cdk';
22
@use '../core/tokens/token-utils';
33
@use '../core/tokens/m2/mat/toolbar' as tokens-mat-toolbar;
4+
@use '../core/tokens/m2/mdc/icon-button' as tokens-mdc-icon-button;
45
@use '../core/tokens/m2/mdc/text-button' as tokens-mdc-text-button;
56
@use '../core/tokens/m2/mdc/outlined-button' as tokens-mdc-outlined-button;
67
@use '../core/style/variables';
@@ -69,6 +70,13 @@ $height-mobile-portrait: 56px !default;
6970
$token: token-utils.get-token-variable-name(label-text-color);
7071
#{$token}: #{$color-token};
7172
}
73+
74+
@include token-utils.use-tokens(
75+
tokens-mdc-icon-button.$prefix, tokens-mdc-icon-button.get-token-slots()) {
76+
// Update icon button color to match label text color for consistency while overriding.
77+
$token: token-utils.get-token-variable-name(icon-color);
78+
#{$token}: #{$color-token};
79+
}
7280
}
7381
}
7482

0 commit comments

Comments
 (0)
Please sign in to comment.