无法创建自定义 vuetify 主题颜色

Question

在我的 vuetify.js 文件中，我添加了以下代码以创建自定义主题颜色：

Vue.use(Vuetify, {
  theme: {
    primary: "#abd10d",
    secondary: "#5c40c1",
  }
});

但是，当我将主题应用到网站上的元素时，主题并没有更新。主要和次要主题保留其默认颜色。

为什么我的自定义主题颜色没有被使用？

Answer 1

您需要使用 light（默认）或 dark...

Vue.use(Vuetify, {
  theme: {
    light: {
       primary: "#abd10d",
       secondary: "#5c40c1",
    }
  }
})

Cannot create custom vuetify theme colors