|
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