title: Change default background color of md-slider of Angular Material
body: <p>I am using <code>md-slider</code> of <strong>Angular Material</strong> version 2.0.0-beta.8</p>
  
  <p>I have selected the <strong>indigo-pink</strong> theme and imported it in <strong>style.css</strong></p>
  
  <p>I am pretty happy with what I have, but I would like to change just the background color of the <em>slider handle</em> and of the <em>thumbnail</em>. </p>
  
  <p>Apparently this is set by the following css code defined in the <strong>indigo-pink.css</strong> file:</p>
  
  <pre><code>.mat-accent .mat-slider-thumb,
  .mat-accent .mat-slider-thumb-label,
  .mat-accent .mat-slider-track-fill{background-color:#ff4081}
  </code></pre>
  
  <p>In fact, if I change <strong>indigo-pink.css</strong> I obtain what I want, but this is clearly not the right way.</p>
  
  <p>So the question which is the right way to change just <em>slider handle</em> and <em>thumbnail</em> color, and for the sake of generality, how to change only some of the attributes of the classes defined in a theme of Angular Material.</p>