Custom Themes

The jQuery Mobile theming framework allows designers to quickly customize or re-style their user interface. In this section, we will see how we can manually create our own custom swatches. As reviewed previously, the default jQuery Mobile CSS document is broken into two sections: a theme section and a structure section. For this exercise we are going to create a custom swatch that we can reference for potentially dangerous actions. For instance, a common user experience guideline encourages developers to highlight buttons that control potentially harmful actions in red. In jQuery Mobile, we can create a custom swatch to manage the visual styling (backgrounds, borders, color, font, shadows) of icons and/or buttons that drive our ...

Get Pro jQuery Mobile now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.