先日Whalebirdのバージョン0.5.0をリリースした.このリリースに,アプリのテーマカラー変更が含まれている. 中身はElectronの上でVue.jsが動いているだけなのだが,どうやってテーマを変更するか,だいぶ悩んだので書いておく. クラスをすげ替える 普通に作っていて,「あーここはスタイル変えたいな」と思ったら,大抵の場合はつけるクラスをすげ替えるだけでいける. <template> <div :class="customizedClass"> </div> </template> <script> export default { data () { return { customizedClass: 'hoge' } } } </script> <style lang="scss" scoped> .hoge { background-color: #000000; } .