jQuery Mobile Themes
Description
The jQuery Mobile CSS document is broken into two sections: a theme section and a structure section.
Theme - The top half of the document contains the default theme settings.
The theme settings manage the visual styling for all components. For example, backgrounds, borders, color, font, shadows.
When setting the data-theme attribute, we are able to choose from five different options:a, b, c, d, e.
These letters (a-e) are technically referred to as swatches.
The following visual priority conventions are used for each swatch:
- "a" - (black) highest level of visual priority.
- "b" - (blue) is secondary level.
- "c" - (gray) baseline.
- "d" - (white/gray) an alternate secondary level.
- "e" - (yellow) an accent color.