title: Unable to override $theme-color in bootstrap
body: <p>It's bootstrap 4.0 with <code>SASS</code></p>
  
  <p>My <code>style.scss</code> file contains the following code:</p>
  
  <pre><code>@import "../bootstrap/scss/bootstrap";
  
  @import "colors";
  @import "main";
  </code></pre>
  
  <p>and <code>_colors.scss</code> file contains the following code:</p>
  
  <pre><code>$bg-white : white;
  
  $theme-colors: (
          primary: #333333
  )
  </code></pre>
  
  <p>You can see that I am just trying to override the <code>$theme-color('primary')</code> but the problem is this that it does nothing.</p>
  
  <p>And If I shift <code>@import "colors"</code> in the start of the file <code>style.scss</code> It gives me following error:</p>
  
  <blockquote>
    <p>error ../bootstrap/scss/_forms.scss (Line 284: $color: null is not a
    color for `rgba')</p>
  </blockquote>
  
  <p>Actually, the <code>style.scss</code> file compiles to <code>style.css</code> file and that one is linked file.</p>
  
  <p><strong>Question:</strong> How I can override the <code>$theme-color</code> in <code>bootstrap-4</code> when using <code>SASS</code>? </p>
  
  <p>Any help will be appreciated, and Thanks in advance</p>
  
  <p>Cheers.</p>