【スポンサードリンク】

【framework7】スタイルの色の変え方

デフォルトでは青い画面として設定されていますが、簡単に色を変えることができます。
Color Themes | Framework7 Documentation

ただここで指定されている9種類以外を指定する場合にはおそらく自分でCSSを触らなければいけないはず。それはまだ試していないです。
今回はbodyの色とボタンの色を青から緑に変更。

bodyはindex.htmlにあるのでそこの記述を変更。

<body class="color-theme-green">

ボタンを利用するとことろではピンポイントでボタンの色を変更。

<div class="chip-media bg-color-green">

f:id:ayapc:20181230063633p:plain
変更前
f:id:ayapc:20181230063650p:plain
変更後

こんな感じでやると一気にテーマの色が変えられます。
他の色にする方法はまた次のアプリで試してみます。

【スポンサードリンク】