title: Override primary color in Bootstrap 4 depending on body class?
body: <p>I have a website where each section has its own primary color.</p>
  
  <p>I'd like to put something in Bootstrap 4's Sass code, to override the primary color depending on a body class I set.</p>
  
  <p>I have this, but it's not working so far:</p>
  
  <pre><code>$theme-colors: () !default;
  $theme-colors: map-merge((
      // primary: $blue,
      // secondary: $gray-600,
      success: $green,
      info: $cyan,
      warning: $yellow,
      danger: $red,
      light: $gray-100,
      dark: $gray-800
  ), $theme-colors) !default;
  
  // override according to portal
  html {
      &amp;.portal-1 {
          $theme-colors: map-merge((
              primary: #f1b36d
          ), $theme-colors);
      }
  </code></pre>
  
  <p>How can this be implemented in Bootstrap 4's Sass file?</p>