1

More than 5 years have passed since last update.

Vuetify.jsのthemeに、名前にハイフンのつく色を指定する際に地味にハマった (light-blue、light-green、deep-purple、deep-orange、blue-grey)

vuetifyjs

2

Last updated at 2018-11-23Posted at 2018-11-21

ドキュメント『こんな風にjsからthemeの色指定できるで！☺️』

https://vuetifyjs.com/en/style/colors
https://vuetifyjs.com/en/style/theme

スクリーンショット 2018-11-22 0.37.47.png

スクリーンショット 2018-11-22 0.37.20.png

😳(なるほど……)

😳(light-blueに指定したいな……)

スクリーンショット 2018-11-22 0.46.56.png

スクリーンショット 2018-11-22 0.48.34.png

→ 動かない

特段ドキュメントに何も書いてなかったので、GitHubのソース見たら
https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/colors.ts

スクリーンショット 2018-11-22 1.00.46.png

light-blue
light-green
deep-purple
deep-orange
blue-grey

などのハイフンがつく色はそれぞれ、

lightBlue
lightGreen
deepPurple
deepOrange
blueGrey

みたいにキャメルケースで定義されていた。

スクリーンショット 2018-11-22 1.02.05.png

→ 動いた😀

1

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

1