Hour 13. Changing the Default Theme

What You’ll Learn In This Hour:

• How the theme framework is used

• How to load your own theme

• How to apply different swatches to elements

• How to customize and create swatches

While the default styles of jQuery Mobile already look fantastic, you may want to change them to match your brand. The theme system in jQuery Mobile is modular and flexible enough to allow you to present your site with the unique colors and styles that give users your branded experience instead of a generic one size fits all.

Learning About the Theme Framework

As you have noticed when using jQuery Mobile, a set of styles is applied to elements by default. The styles applied are part of the theme framework. The theme framework uses ...

Get Sams Teach Yourself jQuery Mobile in 24 Hours 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.

Start your free trial