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.

Core Color Swatches

jQuery Mobile has ...

Get jQuery Mobile: Develop and Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.