Skip to content

Commit 89aaace

Browse files
committed
Make checkmark color match text color
1 parent d64545f commit 89aaace

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

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

Lines changed: 19 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']) {
@@ -86,6 +92,10 @@ $_standard-tokens: (
8692
@include token-utils.create-token-slot(font-weight, label-text-weight);
8793
@include token-utils.create-token-slot(letter-spacing, label-text-tracking);
8894

95+
--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(
96+
#{token-utils.get-token-variable(selected-state-text-color)}
97+
);
98+
8999
&.cdk-keyboard-focused .mat-button-toggle-focus-overlay {
90100
@include token-utils.create-token-slot(opacity, focus-state-layer-opacity);
91101
}
@@ -116,6 +126,9 @@ $_standard-tokens: (
116126
@include token-utils.use-tokens($_legacy-tokens...) {
117127
@include token-utils.create-token-slot(color, disabled-state-text-color);
118128
@include token-utils.create-token-slot(background-color, disabled-state-background-color);
129+
--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: var(
130+
#{token-utils.get-token-variable(disabled-state-text-color)}
131+
);
119132

120133
&.mat-button-toggle-checked {
121134
@include token-utils.create-token-slot(background-color,
@@ -159,6 +172,12 @@ $_standard-tokens: (
159172
@include token-utils.create-token-slot(color, disabled-state-text-color);
160173
@include token-utils.create-token-slot(background-color, disabled-state-background-color);
161174

175+
.mat-pseudo-checkbox {
176+
--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: var(
177+
#{token-utils.get-token-variable(disabled-selected-state-text-color)}
178+
);
179+
}
180+
162181
&.mat-button-toggle-checked {
163182
@include token-utils.create-token-slot(color, disabled-selected-state-text-color);
164183
@include token-utils.create-token-slot(background-color,

0 commit comments

Comments
 (0)