Specifying Different Theme Swatches
<div data-role="header" data-theme="b"> <h1>Teach</h1></div> <a data-role="button" data-theme="a" src="next">Next</a>
The CSS files that come with jQuery Mobile include several versions of styling called swatches. A swatch is just a letter assignment that specifies what color scheme to use when rendering the mobile elements. Swatches are typically specified using the data-theme attribute. For example:
<div data-role="header" data-theme="b"><h1>Teach</h1></div>
Get jQuery and JavaScript Phrasebook 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.
