title: Why the color of vuetify v-chip not changing?
body: <p>I want to use v-chip from vuetify but when I set the color, the color not changing, here is my code for the v-chip</p>
  <p>here is how I import my vuetify</p>
  <pre><code>
      import vuetify from 'vuetify';
      import 'vuetify/dist/vuetify.min.css'
      Vue.use(vuetify);
      
      const App = new Vue(Vue.util.extend({ router, Swal, vuetify : new vuetify() }, Template)).$mount('#app');
  
  </code></pre>
  <p>Here is how I call the v-chip</p>
  <pre><code>&lt;v-data-table
  :headers=&quot;headers&quot;
  :items=&quot;users&quot;
  :search=&quot;search&quot;
  &gt;
      &lt;template v-slot:[`item.status`]=&quot;{ item }&quot;&gt;
          &lt;v-chip
          color=&quot;red&quot;
          &gt;
          {{ getStatus(item.status) }}
          &lt;/v-chip&gt;
      &lt;/template&gt;
  &lt;/v-data-table&gt;
  </code></pre>
  <p>and here is the result</p>
  <p><a href="https://i.stack.imgur.com/MVT3t.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MVT3t.png" alt="v-chip color become light" /></a></p>
  <p>please help me</p>