【Vuetify, Vue】カスタムカラー、文字の色を変更したい

vuetifyでカスタムしたカラーを、標準の色と同様にclass=で呼びたい時の設定方法

// vuetify.js
export default createVuetify({
  theme:{
    defaultTheme:'myCustomTheme', //こいつが案外重要
    themes:{
        myCustomTheme:{
            colors:{
                logoCyan:'#00aae3', // これで class="text-logoCyan"で呼べる
                logoGreen:'#80af26',
            },
        },
    },
  },
})

カスタムカラーを設定すると、色に合わせて自動で文字色が決まります。
大体はいい感じに設定してくれますが、たまに見づらい色になることも…
（緑背景に黒文字って見づらくないですか？？）

変更したい場合はこちらもカスタムカラーに設定ができます。

// vuetify.js
export default createVuetify({
  theme:{
    defaultTheme:'myCustomTheme',
    themes:{
        myCustomTheme:{
            colors:{
                logoCyan:'#00aae3',
                logoGreen:'#80af26',
                'on-logoGreen': '#fff' // これで文字色が白になる！
            },
        },
    },
  },
})

以上です。