Setting the theme for a page Use data-theme: <div data-role="page" id="Page2" data-theme="a"> Note that the headers and footers will still default to theme "a". To change them you need to specify data-theme="b" in the header and footer divs too.   Setting Theme of An Element data-theme="a"      

Every theme includes a set of color swatches that can be changed anywhere in a webapp. A color swatch is defined by a letter, from a to z. The default theme includes swatches from a to e with the ability to add more letters of your own. a – Highest level of visual priority (default […]

Using Theme Roller Use Theme Roller at http://jquerymobile.com/themeroller to define your own theme without coding CSS directly. Even if you want to manually custimize the theme, this will give you are css file to use as the starting point. Using the theme on your page Include the theme css file after the default jquery mobile […]