Angular 6 Material - Hues and How to change the color of mat radio button

Question

How can I change the color of the using CSS?

Saw on another post that if I use the following code, it would change it, but I had no luck with it so far.

Answer 1

The solution that worked for me was this, add this to your:

style.css/style.scss

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
    background-color:  rgb(22, 92, 125) !important;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color:  rgb(22, 92, 125) !important;
    z-index: 3;
}

.mat-radio-button .mat-radio-outer-circle {
    border-color:  rgb(22, 92, 125) !important; // Override material
    z-index: 3;
}