{"id":767,"date":"2013-01-08T15:46:56","date_gmt":"2013-01-08T15:46:56","guid":{"rendered":"https:\/\/ibex.tech\/javascript\/?p=767"},"modified":"2022-02-17T07:14:47","modified_gmt":"2022-02-17T07:14:47","slug":"colour-swatches","status":"publish","type":"post","link":"https:\/\/ibex.tech\/javascript\/jquery-mobile\/themes\/colour-swatches","title":{"rendered":"Colour Swatches"},"content":{"rendered":"<p>\nEvery 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.\n<\/p>\n<p>\na &#8211; Highest level of visual priority (default on toolbars) &#8211; default colour: black<br \/>\nb &#8211; Secondary level of visual priority &#8211; default colour: blue<br \/>\nc &#8211; Baseline level (default swatch for most situations) &#8211; default colour: silver<br \/>\nd &#8211; Alternate secondary level &#8211; default colour: gray<br \/>\ne &#8211; Accent &#8211; default colour:&nbsp; yellow\n<\/p>\n<p>\nTo define a colour swatch on a jQuery Mobiel element use data-theme and the letter to assign, e.g. data-theme=&quot;e&quot;. &nbsp;Colour&nbsp;swatches cascade so child elements will use a parents data-theme unless they have one set themselves.\n<\/p>\n<p>\n&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 &#8211; Highest level of visual priority (default [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[85],"tags":[],"class_list":["post-767","post","type-post","status-publish","format-standard","hentry","category-themes"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/comments?post=767"}],"version-history":[{"count":4,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/767\/revisions"}],"predecessor-version":[{"id":769,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/767\/revisions\/769"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/media?parent=767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/categories?post=767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/tags?post=767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}