title: How to change/override the default color of a switch label in vuetify?
body: <p>As you can see from the offical docs of vuetify, the labels for switches have their own pre defined color. How can i override them to get black text? I am passing the switch as a prop from a global component called form structure into another component that i have named &quot;Primary&quot;</p>
  <p><a href="https://vuetifyjs.com/en/components/selection-controls" rel="nofollow noreferrer">https://vuetifyjs.com/en/components/selection-controls</a></p>
  <pre class="lang-html prettyprint-override"><code>&lt;v-switch v-if=&quot;externalSwitch&quot; model=&quot;switch2&quot;:label=&quot;externalSwitchLabel&quot;&gt; 
  &lt;/v-switch&gt;
  
  &lt;v-layout v-for=&quot;info in information&quot; :key=&quot;info.title&quot;&gt;
    &lt;v-flex&gt;
      &lt;form-structure :externalSwitchLabel=&quot;`${info.title}`&quot; 
        :externalSwitch=&quot;true&quot; :hasSubTitle=&quot;true&quot; :subTitle=&quot;`${info.status}`&quot; 
        :script=&quot;`${info.script}`&quot;&gt;
      &lt;/form-structure&gt;
    &lt;/v-flex&gt;
  &lt;/v-layout&gt;
  </code></pre>
  <p>My array looks like this:</p>
  <pre class="lang-js prettyprint-override"><code>information : [
    {title: &quot;Something1&quot;, status:&quot;active&quot;, script: &quot;Hello&quot;},
    {title: &quot;Something2&quot;, status:&quot;in Progress&quot;, script: &quot;Ciao&quot; }
  ]
  </code></pre>
  <p>My Css looks like this:</p>
  <pre class="lang-css prettyprint-override"><code>&lt;style scoped&gt;
  .v-label.theme--light {
    color: black
  }
  &lt;/style&gt;
  </code></pre>