Every theme includes a set of color swatches that can be changed anywhere in a webapp. A color swatch is defined by a letter, from a to z. The default theme includes swatches from a to e with the ability to add more letters of your own.
a – Highest level of visual priority (default on toolbars) – default colour: black
b – Secondary level of visual priority – default colour: blue
c – Baseline level (default swatch for most situations) – default colour: silver
d – Alternate secondary level – default colour: gray
e – Accent – default colour: yellow
To define a colour swatch on a jQuery Mobiel element use data-theme and the letter to assign, e.g. data-theme="e". Colour swatches cascade so child elements will use a parents data-theme unless they have one set themselves.