Vuetify-如何设置背景色

看看Vuetify主题，您可以在其中执行以下操作：

<v-app dark>
...
</v-app>

例如，应用深色主题。这是首选方法，因为它还会修改所有与vuetify关联的“标准颜色”（例如危险，原色等）。

如果您需要快速又脏的话，也可以将classes或styles应用于<v-app>：

<v-app style="
  background: #3A1C71;
  background: -webkit-linear-gradient(to right, #FFAF7B, #D76D77, #3A1C71);
  background: linear-gradient(to right, #FFAF7B, #D76D77, #3A1C71);
">

可以与深色主题（源）结合使用。

在主容器上，将默认的浅灰色设置为背景色的类是.application.theme--light（或深色，具体取决于您所使用的）。

在vuetify中，此颜色设置为src/stylus/settings/_theme.styl：

$material-light := {
  status-bar: {
    regular: #E0E0E0,
    lights-out: rgba(#fff, .7)
  },
  app-bar: #F5F5F5,
  background: #FAFAFA, // here
  cards: #FFFFFF,

不幸的是，我没有找到任何简单的方法来专门覆盖背景颜色（因为颜色是直接定义的），所以我最终覆盖了整个material-light属性，即复制粘贴默认代码并设置所需的背景颜色。

要简单地更改背景颜色...

<v-app class="white">

文字颜色

<v-app class="grey--text text--darken-2">