4. jQuery Mobile Theme

1 Provides 5 themes by default, from ae.

   

<div data-role="page" data-theme="a|b|c|d|e">

 

     Themes can be used for: headers, content, footers; dialogs; buttons; icons; lists; forms, and more.

 

2 Custom themes.

    Add new styles by using theme classes in your HTML document - add class ui-bar-(az) for the toolbar and class ui-body-(az) for the content:

<style>
.ui-bar-f
{
color:green;
background-color:yellow;
}
.ui-body-f
{
font-weight:bold;
color:purple;
}
</style>