title: Angular material stepper change icon color
body: <p>I am using angular 6 and angular material. i am using mat-stepper from angular material. want to change the mat-icon color for default, active and visited steps.
  Can anyone help with this please?</p>
  
  <pre><code>:host /deep/ mat-horizontal-stepper .mat-horizontal-stepper-header-container .mat-step-icon {
      background-color: "red" !important;
      color: #fff !important;
  }
  
  .mat-step-icon-selected,
  .mat-step-icon-state-done,
  .mat-step-icon-state-edit {
    background-color: "blue";
    color:#fff;
  }  
  </code></pre>
  
  <p>Also tried with this:</p>
  
  <pre><code>/deep/ mat-step-header.mat-horizontal-stepper-header &gt; div.mat-step-icon-selected {
      background-color:'red';
  }
  </code></pre>
  
  <p>But not working</p>
  
  <p>THanks</p>