vue.js - 无法创建自定义 vuetify 主题颜色

Question

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

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

但是，当我将主题应用于网站上的元素时，主题不会更新。主要和次要主题保持其默认颜色。

为什么不使用我的自定义主题颜色？

标签： vue.jsthemesvuetify.js

Answer 1

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

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

演示：https ://codeply.com/p/HWrpkuOskr