Vue.js Vuetify暗主题自定义不起作用

我将Vue与Vuetify 1.5.14一起使用，并尝试自定义我的主题。我只是按照程序来做这件事。当我将

color=“primary”

应用于我的v卡组件时，它正确地使用了自定义的主

base

颜色。但是，当我将dark属性应用于它时，它仍然显示基础颜色，而不是

Darkn1

颜色。这是我的

vuetify.js

文件：

Vue.use（Vuetify{
iconfont:'md'，
主题：{
主要：{
基数：'#673ab7'，
深色1:“#320b86”，
闪电1:“#9a67ea”
},
中学：{
基数：“#00bcd4”，
深色1:“#008ba3”，
闪电1:“#62efff”
},
重音：“#ffeb3b”，
错误：'#f44336'，
警告：“#ffc107”，
资料:"009688",，
成功：“#8bc34a”
}
});

有人知道如何正确定制灯光主题颜色吗？

来自：

自定义主题变体

虽然Vuetify会自动为主题颜色生成变亮和变暗变体，但您可能需要自己控制。只需传递一个包含要修改的变体的主题对象。未提供的任何内容仍将为您生成

当您设置vuetify预定义的颜色时，会自动为您设置明暗变体。
在vuetify v1中修改这些选项，只需更改颜色的自定义调亮或调暗，即

主调亮-1

---

所以在黑暗的主题（例如，

我认为
base
只是用于灯光主题，这是默认的？还有，为什么你的标题是关于黑暗主题的，而你的问题是关于光明主题的？你想实现什么？@Traxo灯光主题确实是默认的，但是你可以在你的应用程序中为单独的组件添加“光明”或“黑暗”属性。有了默认的主题，这工作，所以黑暗变成深灰色，光明变成白色。所以我的目的实际上是将这些黑暗和光明的颜色更改为我自己的自定义颜色。谢谢你的解释！我不理解这样的文档，但确实明确地使用亮显颜色可以做到这一点
// src/theme.js
import colors from 'vuetify/es5/util/colors'

export default {
  primary: {
    base: colors.purple.base,      // modifies `primary`
    darken1: colors.purple.darken2 // modifies `primary darken-1`
  },

:color="$vuetify.dark ? 'primary darken-1' : 'primary'"