Using jQuery Mobile ThemeRoller

The jQuery Mobile framework not only provides near-native aesthetics and functionality for page transitions, user interface elements, and page layouts, but also gives us the ability to customize the visual theme of our application. This is managed by changing specific values for the data-theme attribute in various elements and containers.

The framework itself ships with five built-in themes, or swatches, alphabetized from A to E.

Note

For more information on theming your application, read the official jQuery Mobile documentation at http://demos.jquerymobile.com/1.4.5/ and http://api.jquerymobile.com/.

Although the provided themes work beautifully and care and consideration have gone into them by the jQuery Mobile team with regards to readability and accessibility, these themes should be considered as only a starting point and not a definitive design for our applications. If you have spent time developing a bespoke native application that interacts with your data...