title: Changing the colors of Bootstrap Material theme
body: <p>I am working on an app, where I want to use a more deep-orange color style and have tried to override certain variables from the sass version of the files, but when I compile it using gulp it does not change.
  Another thing that is weird is that when I use the sass version, the default colors are blue/indigo, but when just using the precompiled css from the github repo, it uses the teal color style.
  I have the following in my app.scss file</p>
  
  <pre><code>@import "vendor/bootstrap/_bootstrap";
  @import "vendor/bootstrap-material/bootstrap-material-design";
  @import "vendor/material/ripples";
  </code></pre>
  
  <p>I tried to override variables by adding the variables that I wanted to change, such as the link-color, but no luck</p>
  
  <pre><code>@import "vendor/bootstrap/_bootstrap";
  @import "vendor/bootstrap-material/bootstrap-material-design";
  $link-color: $red !default;
  @import "vendor/material/ripples";
  </code></pre>
  
  <p>Does anyone know how to change the overall color style of the theme?</p>