ヘッダもフッタも、デフォルトの色見本は “a” が使われます。
ヘッダとフッタのテーマ
ヘッダやフッタの色見本を変えるには data-theme 属性に適用したい値(a,b,cなど)を指定してください。たとえば、色見本 “b” を使いたい場合は次のようにします。
<div data-role="header" data-theme="b">
<h1>Page Title</h1>
</div>
ツールバー上のボタンのテーマ
ヘッダ上に作成したリンクは、自動的にヘッダ自体の色見本にあわせたボタンに整形されます。明示的に data-theme 属性値を指定することで、任意の色見本に変えることが出来ます。たとえば、ヘッダを色見本 “c” (明るい灰色)にしていた場合、ボタンもまた “c” になります。ここで “Save” ボタンを少しポップにしたい場合、こちらのリンクの data-theme に “b” (青)を指定することで、見栄えを変えることができます。
<a href="add-user.php" data-theme="b">Save</a>
バリエーション
以下に、ヘッダとフッタ、ボタンの組み合わせをいくつか紹介します。