fix(material-experimental/mdc-radio): fix ripple color (#24986)

* fix(material-experimental/mdc-radio): fix ripple color * fix(material-experimental/mdc-radio): address feedback (cherry picked from commit 20432de)
angular · Jun 6, 2022 · a7688a8 · a7688a8
1 parent 9c6b08e
commit a7688a8
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/material-experimental/mdc-radio/radio.scss b/src/material-experimental/mdc-radio/radio.scss
@@ -54,6 +54,10 @@
     // TODO(crisbeto): this should be included by MDC's `theme-styles`, but it isn't currently.
     @include mdc-radio-theme.focus-indicator-color(
       var(--mat-mdc-radio-checked-ripple-color, transparent));
+
+    .mat-ripple-element {
+      background-color: var(--mat-mdc-radio-checked-ripple-color, transparent);
+    }
   }
 
   // This is necessary because we do not depend on MDC's ripple, but have our own that should be