Javascript Vuetify:颜色不适用于UI组件

在中，我使用了一个工具栏组件，并将其颜色设置为

primary

，因此它将以蓝色显示，但我看到它是白色的：

<v-toolbar dark color="primary">
   <v-btn icon>
      <v-icon>more_vert</v-icon>
   </v-btn>
</v-toolbar>

更多

只有当我使用

时，我才看到工具栏变为黑色（如预期），当使用

时（或任何其他颜色），工具栏变为白色

---

我的设置可能有什么问题？我使用的是默认的Vuetify主题（

Vue.use（Vuetify）

）。

这可能不是答案，但可能会澄清一点。 要设置工具栏的样式，您可以设置主题，就像您已经使用：

<v-toolbar dark>

你在这里试图做的事行不通。如前所述，主题可以是

浅色

或

深色

<v-toolbar blue>

---

你把它包在里面了吗？@Traxo非常感谢默认初选是蓝色的，所以这不可能是正确的？除非我错过了这方面的一些最新更新？我知道默认的主要是蓝色的，但这就是为什么我想知道OP是否在某处改变了它。如果OP没有更改原色，则会出现其他问题或错误。你提到的

v-app

似乎是个很可能的问题。我还知道Vuetify使用了很多if

！重要信息

样式设置，在覆盖样式时可能会导致意外行为。要点很好，但在工具栏上设置颜色是101，这应该不会有任何问题，因此我99.9%确定它不会包装在

v-app

中，除非最近有我不知道的更改。我们将在他们检查后看到：）不管怎样，我将其标记为重复，因为问题与链接的问题相同。事实上，我在询问之前尝试过（抱歉，我忘了提到它），但它没有生效。谢谢你的反馈

<v-toolbar blue>

Vue.use(Vuetify, {
  theme: {
    "primary": "#1976D2",