Vuetify：如何获取当前主题颜色？

Question

我正在使用 Nuxt 和 Vuetify。如果我写 <nuxt-link>，Nuxt 会生成 <a> 标签并且链接文本带有下划线和蓝色。

我可以如下删除下划线：

a {
  text-decoration: none;
}

接下来，我想修复颜色。但是，颜色取决于主题（浅色模式或深色模式）。

如何获取当前模式文本颜色？

Answer 1

如果我没记错的话，它可以通过 this.$vuetify.theme 访问。

文档讨论的是 setter，但它也完全可以与 getter 一起使用：https://vuetifyjs.com/en/features/theme/#light-and-dark

你可以用类似的东西来改变它

this.$vuetify.theme.themes.light.primary = '#4caf50'