在Vuetify中设置全局文本颜色

// vuetify.theme.js

import colors from 'vuetify/lib/util/colors';

export default {
  themes: {
    light: {
      primary: colors.blue.darken2, // 主色
      secondary: colors.grey.darken1, // 辅助色
      accent: colors.shades.black, // 强调色
      error: colors.red.accent3, // 错误色
      text: colors.grey.darken4, // 文本颜色
    },
  },
};

// main.js

import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';
import theme from './vuetify.theme.js';

Vue.use(Vuetify);

new Vue({
  vuetify: new Vuetify({
    theme,
  }),
}).$mount('#app');

<template>
  <v-card class="text-color-example">
    <v-card-text>
      This is an example of text with the global color.
    </v-card-text>
  </v-card>
</template>

<style>
.text-color-example {
  color: var(--v-text-base-color);
}
</style>