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

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

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

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

---

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

您需要使用<代码>浅（默认）或<代码>深

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

---

演示：

您需要使用<代码>亮（默认）或<代码>暗

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

演示：