使用全局主题

如果我们已经设置了一个主题色，或者想在组件中使用框架默认的主题色，那么只需要很简单的应用类名即可

官方文档导航：

• 色彩表： https://vuetifyjs.com/styles/colors/

组件 color 属性

对应的组件文档中，看到 props 那一栏，只需要搜索 color 关键词，即可列出所有可以设置颜色的属性，
以下是几个例子：

vue

<!-- 使用 color 属性添加颜色 -->
<v-btn color="primary">
  primary color
</v-btn>

<!-- 使用 background-color 属性添加颜色 -->
<v-tabs background-color="primary" color="accent">
  <v-tab>Item One</v-tab>
  <v-tab>Item Two</v-tab>
  <v-tab>Item Three</v-tab>
</v-tabs>

类名方法设置颜色

vue

<!-- 类名方法设置颜色 -->
<v-btn class="primary">
  primary color
</v-btn>

<!-- 设置文字颜色 -->
<v-btn class="primary accent--text">
  text color
</v-btn>

<!-- 设置颜色亮度 -->
<v-btn class="primary darken-4">
  primary color
</v-btn>

<!-- 设置文字颜色亮度 -->
<v-btn class="primary accent--text text--darken-4">
  text color
</v-btn>