Creating and using a custom theme
We already discussed how powerful theming is in jQuery Mobile. It makes it trivial to develop a rich mobile website with simple and elegant styles. Even more powerful is the ability to create your own library of swatches that can be used to make your application or website truly unique. Developing your own theme can be approached in one of the two ways:
Download and open the existing jQuery Mobile CSS file and edit to your heart's content.
Point your web browser to ThemeRoller for jQuery Mobile (http://themeroller.jquerymobile.com).
We'll be focusing solely on the second option, because let's be honest, why should you wade through all of that CSS when you can point, click, and drag your way to a new theme full of swatches in 10 minutes? Let's find out what ThemeRoller is all about.
What's ThemeRoller?
ThemeRoller for jQuery Mobile is an extension of a web-based app that was written for the jQuery UI project. It allows users to quickly assemble a theme full of...