title: Bootstrap 4 theme-color("primary") function returns bootstrap default primary color rather than overriden primary color
body: <p>In custom.scss, modify theme-colors map</p>
  
  <pre><code>@import "node_modules/bootstrap/scss/bootstrap";
  
  $theme-colors: ( 
      "primary": #3275B3, 
      "secondary": #004f93
  );
  </code></pre>
  
  <p>In main.scss, overrides imported before bootstrap</p>
  
  <pre><code>@import "./custom.scss"; //import bootstrap overrides
  @import "~bootstrap/scss/bootstrap"; //import bootstrap
  </code></pre>
  
  <p>I have a navbar with .bg-primary and button .btn-primary that get rendered correctly, but it appears that bootstrap attributes set with bootstraps theme-colors() function aren't being set properly. They still use bootstraps default primary color, rather than my overridden primary color.</p>
  
  <p>Example in bootstrap's _variables.scss file:</p>
  
  <pre><code>$component-active-bg: theme-color("primary") !default;
  </code></pre>
  
  <p>Tried setting $component-active-bg in my custom.scss and that didn't work either...</p>
  
  <p>How do you properly override bootstrap 4's primary color?</p>