|
1 |
| -@use '@material/checkbox/checkbox-theme' as checkbox-theme; |
2 |
| - |
3 | 1 | @import '@material/checkbox/mixins.import';
|
4 | 2 | @import '@material/checkbox/variables.import';
|
5 | 3 | @import '@material/form-field/mixins.import';
|
|
10 | 8 | // Mixin that includes the checkbox theme styles with a given palette.
|
11 | 9 | // By default, the MDC checkbox always uses the `secondary` palette.
|
12 | 10 | @mixin _mdc-checkbox-styles-with-color($color) {
|
13 |
| - @include checkbox-theme.theme(( |
14 |
| - density-scale: null, |
15 |
| - checkmark-color: mdc-theme-prop-value(on-#{$color}), |
16 |
| - container-checked-color: $color, |
17 |
| - container-checked-hover-color: null, |
18 |
| - container-disabled-color: rgba(mdc-theme-prop-value(on-surface), 0.38), |
19 |
| - outline-color: rgba(mdc-theme-prop-value(on-surface), 0.54), |
20 |
| - outline-hover-color: null, |
21 |
| - ripple-color: null, |
22 |
| - ripple-opacity: null, |
23 |
| - ripple-checked-color: null, |
24 |
| - ripple-checked-opacity: null, |
25 |
| - )); |
| 11 | + $orig-mdc-checkbox-mark-color: $mdc-checkbox-mark-color; |
| 12 | + $mdc-checkbox-mark-color: mdc-theme-prop-value(on-#{$color}) !global; |
| 13 | + $orig-mdc-checkbox-baseline-theme-color: $mdc-checkbox-baseline-theme-color; |
| 14 | + $mdc-checkbox-baseline-theme-color: $color !global; |
| 15 | + |
| 16 | + @include mdc-checkbox-without-ripple($query: $mat-theme-styles-query); |
| 17 | + |
| 18 | + $mdc-checkbox-mark-color: $orig-mdc-checkbox-mark-color !global; |
| 19 | + $mdc-checkbox-baseline-theme-color: $orig-mdc-checkbox-baseline-theme-color !global; |
26 | 20 | }
|
27 | 21 |
|
28 | 22 | @mixin mat-mdc-checkbox-color($config-or-theme) {
|
|
0 commit comments