ヘッダもフッタも、デフォルトの色見本は “a” が使われます。

ヘッダとフッタのテーマ

ヘッダやフッタの色見本を変えるには data-theme 属性に適用したい値(a,b,cなど)を指定してください。たとえば、色見本 “b” を使いたい場合は次のようにします。

Page Title

ツールバー上のボタンのテーマ

ヘッダ上に作成したリンクは、自動的にヘッダ自体の色見本にあわせたボタンに整形されます。明示的に data-theme 属性値を指定することで、任意の色見本に変えることが出来ます。たとえば、ヘッダを色見本 “c” (明るい灰色)にしていた場合、ボタンもまた “c” になります。ここで “Save” ボタンを少しポップにしたい場合、こちらのリンクの data-theme に “b” (青)を指定することで、見栄えを変えることができます。

Save

バリエーション

以下に、ヘッダとフッタ、ボタンの組み合わせをいくつか紹介します。

ヘッダ

Bar theme “a”

New
Cancel

Bar theme “a”

Save

Bar theme “b”

New
Cancel

Bar theme “b”

Save

Bar theme “c”

New
Cancel

Bar theme “c”

Save

Bar theme “d”

New
Cancel

Bar theme “d”

Save

フッタ

left right up down
left right up down
left right up down
left right up down
left right up down