Nuxt | Vuetify主题-如何更改颜色？

// nuxt.config.js

module.exports = {
  // ...
  css: [
    'vuetify/dist/vuetify.css'
  ],
  plugins: [
    '@/plugins/vuetify'
  ],
  // ...
}

// plugins/vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify'

Vue.use(Vuetify)

export default new Vuetify({
  theme: {
    themes: {
      light: {
        primary: '#ff0000', // 设置主色
        secondary: '#00ff00', // 设置次色
        accent: '#0000ff' // 设置强调色
      }
    }
  }
})

<template>
  <v-app>
    <v-main>
      <v-container>
        <nuxt />
      </v-container>
    </v-main>
  </v-app>
</template>

<script>
export default {
  name: 'DefaultLayout'
}
</script>

<style>
@import '~vuetify/dist/vuetify.css';

/* 可以在这里自定义其他样式 */
</style>