title: Material UI Override Step Icon Style
body: <p>Using "@material-ui/core" at version 3.1.0</p>
  
  <p>It's pretty easy to override globally a stepper icon's color <strong>globally</strong></p>
  
  <pre><code>createMuiTheme({
     overrides: {
       MuiStepIcon: {
         root: {
           color: "#F00"
         },
       }
     }
  })
  </code></pre>
  
  <p>However, it's not clear how you would override the only the color for an icon for either a StepButton or StepLabel using the <a href="https://material-ui.com/customization/overrides/" rel="noreferrer">recommended methods</a>. I see that you can pass in your own icon element, but I don't want to replicate the library logic for the step number and the checkmark. </p>
  
  <p>Is there an clean way to do this?</p>