title: Quasar Framework in Vue3 Dark Mode
body: <p>I am using Vue3 with the Quasar Framework.
  I made an icon which changes my application to dark mode, however this is a bit too dark for my taste, so I would make the background a little bit lighter. Quasar gives you the options to do so, however it doesn't seem to work. In my Login.Vue, I have the following:</p>
  <pre><code>&lt;template&gt;// div's and icon...&lt;/template&gt;
  &lt;script&gt;// code to toggle to dark mode...&lt;/script&gt;
  &lt;style&gt;
  body.body--dark {
    background: #333333
  }
  &lt;/style&gt;
  </code></pre>
  <p>This code does not work, even if I change background to 'yellow', it stays black.
  Why doesn't code on Quasar to change background color is not working?</p>