I want to change the text color of the active tab.

*Using Vue.js + Vuetify*

I created an `.active` CSS class. The interesting part is that `background-color` property for active classes work, but the text color (color) doesnt change when active.

How should I change the code so that both properties apply for the active class ?

style

```
  .active {

  color: #222222;
  background-color: #ffff;
  }

```

template

```
      <v-tabs
        background-color="#FFFFEA"
        slider-color="#C89933"
        optional
        right
        active-class="active"

        >

        <v-tab
          class="normalize font-weight-bold "
          to="/tab1"
          >
          Tab 1
        </v-tab>          

        <v-tab    
          class="normalize font-weight-bold"
          to="/tab2"
          >
          Tab 2
        </v-tab>   

        <v-tab
          class="normalize font-weight-bold"
          to="/tab3"
          >
          Tab 3
        </v-tab>

      </v-tabs>

```