In jQuery Mobile, a “theme” is a unified visual design applied across the interface. In
practical terms, a theme specifies everything from fonts to drop shadows to colors.
In keeping with the idea of separating layout from color and texture, a jQuery Mobile
theme can have multiple “swatches.” A swatch is a unified color concept governing the
colors of background, text, shadows, iconography, etc.
The default jQuery Mobile theme includes five swatches (called a, b, c, d, and e). Each
swatch provides different visual emphasis, with swatch a being the most visually emphatic
(typically white text on a black background), and swatch d being much softer.
Swatch e is an “error” swatch.
jQuery Mobile
Default Swatch
Some sample form elements and buttons:
jQuery Mobile
Swatch A
66 | Chapter 4: Theming jQuery MobileSome sample form elements and buttons:
jQuery Mobile
Swatch B
Some sample form elements and buttons:
jQuery Mobile
Swatch C
Some sample form elements and buttons:
jQuery Mobile
Swatch D
Some sample form elements and buttons:
jQuery Mobile
Swatch E
Some sample form elements and buttons:
Subscribe to: Post Comments (Atom)
No comments:
Post a Comment