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.

 

Feel free to comment if you can add help to this page or point out issues and solutions you have found. I do not provide support on this site, if you need help with a problem head over to stack overflow.

Comments

Your email address will not be published. Required fields are marked *