Icons inside of buttons appear faded out

[Qadosch]

Simillar issue: #2108

font is white, icon is not

<v-btn
  v-if="customerId === null"
  :loading="loadingExcel"
  :disabled="loadingExcel"
  color="primary"
  @click="downloadExcel"
  small
>
  <v-icon left>mdi-file-excel</v-icon>
  {{ $t("download") }}
</v-btn>

inside vuetify.js

theme: {
  dark: false,
  themes: {
    light: {
      ...
      primary: colors.blue.darken3,
      ...
    },
    dark: {
      ...
      primary: colors.blue.darken3,
      ...
    },
  }
},

DevTools

Inside chrome inspector there is this property

.theme--light.v-icon {
    color: #000000; // inactive
    opacity: 0.54;
}

Versions

vue: "2.6.10" vuetify: "2.2.9"

[close-issue-app[bot]]

Please only create issues with the provided issue creator. In the boilerplate for creating an issue, it explains that any ticket made without this will be automatically closed. For general questions, please join the Discord chat room. You can also check reddit or stackoverflow. Thank you.