Vuetify：颜色不适用于 UI 组件 [重复]

Question

在Vuetify中，我使用了一个工具栏组件，并将其颜色设置为primary，所以supposed显示为蓝色，但我看到它是白色的：

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

只有当我使用<v-toolbar dark> 时，我看到工具栏变成黑色（如预期的那样），当使用<v-toolbar blue>（或任何其他颜色）时，它变成白色。

我的设置可能有什么问题？我正在使用默认的 Vuetify 主题 (Vue.use(Vuetify))。

Answer 1

这可能不是答案，但它可能会澄清一点。 要设置工具栏的样式，您可以像之前那样设置主题：

<v-toolbar dark>

dark 也可以是light。

要更改颜色，您需要使用 color 属性指定它：

<v-toolbar color="blue">

您在此处尝试执行的操作将不起作用。如前所述，主题可以是light 或dark。

<v-toolbar blue>

您是否通过任何更改将原色更改为白色？

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