title: I am having trouble understanding custom theming
body: <p>I've followed the examples in the docs and still cannot seem to get my custom theme to work. All I want to do is change the app background in the dark theme to something that isn't as...green. I removed CLR on my angular.json and imported it on styles.scss along with my custom theme sheet. The custom theme just has a root adjustment using CSS custom property of</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>:root {
  --clr-global-app-background: hsl(226, 30%, 14%);
  }</code></pre>
  </div>
  </div>
  </p>
  <p>I get a flash of my preferred background before the page fully renders and then it goes back to the default greenish grey default.</p>