如何在Nuxt/Vuetify启动器模板上更改主题颜色

Question

改变颜色

我正在尝试将Vue与Nuxt和Vuetify用于样式,Vuetify存在许多模板,其中一个带来所有.

我尝试在/assets/style/app.styl上添加颜色而没有效果.

另外在/plugins/vueitfy.js上添加如下内容:

Vue.use(Vuetify, {
    theme: {
     header: '#48393C',
     footer: '#2f3542'
    }
})

没有效果,我认为最后一种方式是做到这一点的最佳方式.

Answer 1

有两个选项可以更改颜色主题 1. 从 /plugins/vueitfy.js

    Vue.use(Vuetify, {
  theme: {
    primary: '#2c3e50',
    secondary: '#1abc9c',
    accent: '#2980b9',
    error: '#e74c3c',
    action: '#23DB2A'
  }})

2. 来自 /assets/style/appl.styl，在 vuetify 的 require 之前

$theme := { primary: '#2c3e50', secondary: '#1abc9c', accent: '#2980b9', error: '#e74c3c', action: '#23DB2A' }

页眉和页脚不能用作颜色主题属性