Vuetify中如何使用内置主题变量修改v-app的整体布局颜色

你之前的写法未生效是因为v-app组件的color属性仅用于设置内部文字的默认色，而非组件背景色，可通过以下两种无需自定义CSS的方式实现需求：

• 使用v-app内置的background属性直接指定内置主题色
  修改代码为：

  <v-app background="secondary">
    ....
  </v-app>
  

• 使用Vuetify内置的背景色工具类绑定到v-app
  修改代码为：

  <v-app class="bg-secondary">
    ....
  </v-app>
  

以上两种方式均直接调用Vuetify内置主题变量，你可以将secondary替换为primary、accent等任意你配置好的内置主题色变量，都能直接生效。

内容的提问来源于stack exchange，提问作者morteza mortezaie