How to change color of angular material stepper step icons

Question

In the angular material stepper component, each step is represented by an icon in a circle. The background color of this circle is set to whatever the theme\'s primary color

Answer 1

Using Ionic v4, in my case just added (inside :root):

  .mat-step-header .mat-step-icon-selected {
    background-color: var(--ion-color-primary);
  }

To variables.scss file.