Change Vuetify checkbox label color?

Issue

I am using vuetify checkbox and i have set up a label but the label has a color:rgba(0,0,0.54) style applied to it which is quite light and i am trying to change the color to rgba:(0,0,0) but i am not able to target the .v-label theme--light class.

Check out this simple codepen

Check out this sample below:-

new Vue({
  el: "#app",
  data() {
    return {};
  }
});

.v-label theme--light {
  color: rgba(0, 0, 0) !important;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@1.5.14/dist/vuetify.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/vuetify@1.5.14/dist/vuetify.min.css" rel="stylesheet" />

<div id="app">
  <v-app id="inspire">
    <v-checkbox label="myLabel"></v-checkbox>
  </v-app>
</div>

Any help will be appreciated. Thank you.

Solution

Change .v-label theme--light to .v-label.theme--light and it should work.

Answered By - marco-a