title: Angular material setting color primary, accent, warn
body: <p>I've recently started using angular material and I'm slightly confused how to set colors for specific elements. 
  I am importing the Angular theme <code>indigo-pink.css</code> as a tester.</p>
  
  <p>when using a mat button I have the following</p>
  
  <pre><code>&lt;button mat-flat-button color="primary"&gt;Test&lt;/button&gt;
  </code></pre>
  
  <p>Which adds the correct primary color to the button.</p>
  
  <p>I have added 2 different elements as well, a span and a mat-card as shown below. </p>
  
  <pre><code>&lt;span color="primary"&gt;Test Span&lt;/span&gt;
  &lt;mat-card color="primary"&gt;Simple card&lt;/mat-card&gt;
  </code></pre>
  
  <p>Essentially I would like this to be the same color as the button, but it's not being implemented. 
  Is there a way to include these elements to have the primary colors included without having to manually add it into css? </p>
  
  <p>Thanks</p>