title: How to Change Material-UI Slider Color
body: <p>I want to change Material UI Slider component color</p>
  
  <p>I have tried to change CSS style and it's not working, then I tried the solution given in <a href="https://github.com/mui-org/material-ui/issues/6807" rel="noreferrer">this</a> issue and applied this code but it's not working</p>
  
  <p>getMuiTheme:</p>
  
  <pre><code>const muiTheme = getMuiTheme({
    slider: {
      trackColor: "yellow",
      selectionColor: "green"
    }
  });
  </code></pre>
  
  <p>and in Component:</p>
  
  <pre><code>&lt;MuiThemeProvider muiTheme={muiTheme}&gt;
       &lt;Slider
           min={18}
           max={90}
           ValueLabelComponent={ValueLabelComponent} 
           defaultValue={40}
       /&gt;
  &lt;/MuiThemeProvider&gt;
  </code></pre>