【Vuetify】これだけ見れば済む色の設定方法まとめ - Qiita

概要 Vuetifyでの色の指定方法は様々あります。コンポーネントのテーマ色・背景色・文字色などによって、指定方法が異なることがあります。細かい所を忘れがちなので、この記事を見れば全て思い出せるようにまとめます。 プロジェクト全体で一貫性を持って、適切に色の指定を運用すると、メンテナンス性・可読性がかなり上がるのでおすすめです。 TL;DR 忘れやすい文字による指定方法だけまとめると以下 <!-- コンポーネントテーマカラー --> <!-- テーマカラーとVuetifyカラーリストがいける --> <v-btn color="primary">...</v-btn> <v-btn color="red darken-1">...</v-btn> <v-btn color="mycolor lighten-1">...</v-btn> <!-- VuetifyカラーリストにないCSSのカラ