O'Reilly logo

jQuery Mobile: Develop and Design by Kris Hadlock

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required