当主题更改 vuetify 时，使用 "secondary" 的组件颜色不会更改

Question

我设置了一个按钮，单击该按钮会更改主题。这最初工作正常，直到我想将卡片颜色更改为次要主题颜色。像这样：

       <v-card
         color="secondary"
       >

这在当前主题下按预期工作，但是，当我使用按钮更改主题时，除此组件外，其他所有内容都会发生变化。当主题更改时，我需要它更改为另一个主题的辅助颜色。

Answer 1

您可以像这样在 Vuetify 配置对象中全局配置 Vuetify 主题：

const vuetify = new Vuetify({
  theme: {
    themes: {
      light: {
        primary: '#3f51b5',
        secondary: '#b0bec5',
        accent: '#8c9eff',
        error: '#b71c1c',
      },
    },
  },
})

More info