title: How can I change the main toolbar color in Quasar?
body: <p>I'm running quasar 1.7.2, and when I go to change the color of the main toolbar in the basic example app, it won't change. If I go to MainLayout.vue I have the following code near the top of the file</p>
  
  <pre><code>    &lt;q-header elevated&gt;
        &lt;q-toolbar color = "green-8"&gt;
  
  
          &lt;q-btn
  
            flat
            dense
            round
            color = "green-8"
            icon="menu"
            aria-label="Menu"
            @click="leftDrawerOpen = !leftDrawerOpen"
          /&gt;
  
          &lt;q-toolbar-title&gt;
            Del Norte FIU 1
          &lt;/q-toolbar-title&gt;
  
  
  
          &lt;div&gt;Serial: 6654521&lt;/div&gt;
  
  
        &lt;/q-toolbar&gt;
      &lt;/q-header&gt;
  </code></pre>
  
  <p>This should turn the toolbar green according to the link below, however it does not.</p>
  
  <p><a href="https://v0-17.quasar-framework.org/components/toolbar.html" rel="nofollow noreferrer">https://v0-17.quasar-framework.org/components/toolbar.html</a></p>
  
  <p>Oddly, the line modifying the color of the button to green-8 does indeed work on the button.</p>