vuetify の 3 つのデフォルトのレイアウト スタイルを編集するにはどうすればよいですか?

Question

vuetify 3 のデフォルトのレイアウトを編集したいと考えています。これは、パッケージ自体内の以下に示す変数 .scss ファイルで定義されています。

リーリー

私が実現したいのは、h1 サイズを 32px に変更して、デフォルトの vuetify text-h1 クラスが新しい 32px 値を自動的に取得するようにすることです。

vuetify クラス自体 (text-h1、text-h2 など) をオーバーライドしようとしましたが、それらはすべて !重要な属性を持っているため機能しません

Answer 1

下部などのリソースに変数.scssを作成します。

リーリー

そして、それを vuetify プラグインに追加します。

リーリー