Skip to content

Commit 60ed027

Browse files
committed
Make checkmark color match text color
1 parent 3c5c0f8 commit 60ed027

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

src/material/button-toggle/button-toggle.scss

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,12 @@ $_standard-tokens: (
5353
@include token-utils.use-tokens($_standard-tokens...) {
5454
@include token-utils.create-token-slot(border-radius, shape);
5555
border: solid 1px var(#{token-utils.get-token-variable(divider-color)});
56+
57+
.mat-pseudo-checkbox {
58+
--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(
59+
#{token-utils.get-token-variable(selected-state-text-color)}
60+
);
61+
}
5662
}
5763

5864
&:not([class*='mat-elevation-z']) {
@@ -81,6 +87,9 @@ $_standard-tokens: (
8187
@include token-utils.use-tokens($_legacy-tokens...) {
8288
@include token-utils.create-token-slot(color, text-color);
8389
@include token-utils.create-token-slot(font-family, text-font);
90+
--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(
91+
#{token-utils.get-token-variable(selected-state-text-color)}
92+
);
8493

8594
&.cdk-keyboard-focused .mat-button-toggle-focus-overlay {
8695
@include token-utils.create-token-slot(opacity, focus-state-layer-opacity);
@@ -112,6 +121,9 @@ $_standard-tokens: (
112121
@include token-utils.use-tokens($_legacy-tokens...) {
113122
@include token-utils.create-token-slot(color, disabled-state-text-color);
114123
@include token-utils.create-token-slot(background-color, disabled-state-background-color);
124+
--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: var(
125+
#{token-utils.get-token-variable(disabled-state-text-color)}
126+
);
115127

116128
&.mat-button-toggle-checked {
117129
@include token-utils.create-token-slot(background-color,
@@ -151,6 +163,12 @@ $_standard-tokens: (
151163
@include token-utils.create-token-slot(color, disabled-state-text-color);
152164
@include token-utils.create-token-slot(background-color, disabled-state-background-color);
153165

166+
.mat-pseudo-checkbox {
167+
--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: var(
168+
#{token-utils.get-token-variable(disabled-selected-state-text-color)}
169+
);
170+
}
171+
154172
&.mat-button-toggle-checked {
155173
@include token-utils.create-token-slot(color, disabled-selected-state-text-color);
156174
@include token-utils.create-token-slot(background-color,

0 commit comments

Comments
 (0)