11. Theming jQuery Mobile

jQuery Mobile includes a complete theme framework that lets you customize color swatches and icon sets to create custom themed pages, toolbars, content, form elements, lists, buttons, and more. The framework uses CSS3 for many of its enhancements, such as shadows, gradients, and rounded corners, so no images are used to make these visual aspects, which makes the theme more lightweight and quick loading.

This chapter provides an overview of the existing color swatches as well as details on how to create a custom theme. Custom theming allows you to create mobile versions of websites that follow the same branding as desktop versions, creating a unified design between your websites.