PrimeFaces Mobile themes are based on jQuery themes, which provide the CSS framework to give the necessary, consistent, and touch-friendly look and feel for widgets across all platforms.
Each theme contains multiple color schemes known as swatches. We use single-letter designations for swatches. You don't need to specify a swatch for each widget available in the page. By default, for most of the widgets, the theme option is set to null, which means that you can override the swatch for each individual widget. Because of the default null value, we can set the swatch for the outermost container. Then, the swatch will be inherited or applied to all the widgets inside the container.
The theme also defines the "active" state apart from all the swatches. The intention of this state is to give immediate feedback for a brief processing delay. jQuery Mobile adds the active state for a button once a user lifts their finger from...