如何在 Nuxt 配置中为 vue 中的深色模式添加渐变

所以基本上这是我的 nuxt config.js 的一部分。我想通过来回切换变成不同的颜色。请帮忙。基本上，当我附加渐变类时，它没有按预期工作。

theme: {
  dark: true,
  themes: {
    dark: {
      primary: colors.blue.darken2,
      orange: '#FF000',
      green: '#2DBD09',
      icon_back: '#FF7043',
      gradient: 'linear-gradient(0.25turn, #5fbe73, #67be60, #72c04f)'
      
    },
    light:{
      'container-background': '#e1e1e1',
      green: '#2DD9F',
      icon: '#2DBD9F',
      gradient: 'linear-gradient(0.25turn, #5fbe73, #67be60, #72c04f)'
    },
  },
},

索引.vue

<v-card-title class="d-flex align-center justify-space-between **gradient**">
  <span class="text-h5">Added Cards</span>
  <AddCard />
</v-card-title>

渐变不能用作 Vuetify 主题值，因为它们只能在 css 中使用background-image。 Vuetify 主题颜色在整个框架中使用，适用于两者color and border-color属性，这将不适用，因此未实现。

作为您尝试执行的操作的替代方法，您可以简单地应用包含渐变的自己的 css 类，并通过引用有条件地更改它this.$vuetify.theme.isDark