Pro jQuery Mobile

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