Nuxt+Vuetifyのサイトでダークテーマを外す
本当にちょっとしたことですが、調べるのに15分くらいかかってしまったので記事化。
Nuxt.jsでVuetifyを適用したサイトを作成すると、デフォルトではダークテーマが適用されます。
こんな感じで。
nuxt.config.jsでvuetify.theme.dark
の設定をfalse
に変更すれば、ダークテーマを解除できます。
- 変更前
nuxt.config.js
vuetify: {
customVariables: ['~/assets/variables.scss'],
theme: {
dark: true,
(略)
- 変更後
nuxt.config.js
vuetify: {
customVariables: ['~/assets/variables.scss'],
theme: {
dark: false,
(略)
以上です。
Author And Source
この問題について(Nuxt+Vuetifyのサイトでダークテーマを外す), 我々は、より多くの情報をここで見つけました https://qiita.com/shozzy/items/e706b3501a3bb628c818著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .