title: how to modify the angular material theme main color
body: <p>I have created a new angular5 project on which I'm using angular material for frontend components (<code>https://material.angular.io/</code>). All good till now but the main problem is how to add a custom theme. I am not using a scss compiler on this project so what I am doing is to import all css components into style.css like </p>
  
  <pre><code>@import "~@angular/material/prebuilt-themes/indigo-pink.css";
  @import "~app/components/test/test.component.css";
  </code></pre>
  
  <p>The thing is I don't know how to modify the base color of prebuilt theme or to generate another css with other base color for my theme.
  If anyone can help me with that I'll really appreciate !</p>