title: Spartacus 4 - How to extend default Storefront theme?
body: <p>I tried basic primary color change in Spartacus 4.0.1 but it seems to be overwritten by the default styling. Followed the guide: <a href="https://sap.github.io/spartacus-docs/css-architecture/" rel="nofollow noreferrer">https://sap.github.io/spartacus-docs/css-architecture/</a></p>
  <p>Is there a work around for this or is it fixed in newer versions?</p>
  <p>Here's my code
  <em>mystore/src/styles.scss</em>:</p>
  <pre><code>$primary: green;
  $font-weight-normal: 600;
  
  $styleVersion: 4.0;
  @import &quot;~@spartacus/styles/index&quot;;
  
  :root {
      --cx-color-primary: green;
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/leUe4.png" rel="nofollow noreferrer">screenshot showing my style is being overwritten</a></p>