当主题更改 vuetify 时，使用“辅助”组件的颜色不会改变答案

【问题标题】：Color not changing on component using "secondary" when theme changes vuetify当主题更改 vuetify 时，使用“辅助”组件的颜色不会改变
【发布时间】：2021-03-01 08:12:03
【问题描述】：

我设置了一个按钮，点击后会改变主题。这最初工作得很好，直到我想将卡片颜色更改为次要主题颜色。像这样：

       <v-card
         color="secondary"
       >

这对当前主题按预期工作，但是，当我使用按钮更改主题时，除此组件外，其他所有内容都会更改。当主题更改时，我需要将其更改为其他主题的辅助颜色。

【问题讨论】：

标签： vue.js components themes vuetify.js

【解决方案1】：

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

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

More info

【讨论】：

我想我不够清楚。问题不在于设置主题本身，而是有效的。问题是我有 2 个主题（深色和浅色），当我从其中任何一个切换时，使用“辅助”主题颜色的组件不会改变。
在主题对象中，您可以配置所有团队。在我的示例中，它只是 Light 主题，但您也可以添加 Dark 主题 onject 以及特定颜色
问题不在于设置主题，它工作正常。我有一张使用当前辅助主题颜色的卡片（或者至少这是我所期望的），但是当主题更改为另一个现有主题时，它不会改变颜色并保持旧主题的辅助颜色。
啊，我知道了：）好吧，你能检查一下，也许两个主题都有相同的辅助颜色？
哈哈，他们都有相同的辅助颜色，我是个白痴。谢谢！