jQuery mobile multiple theme dependecies -

below mentioned in jquery mobile docs

if no theme swatch letter set @ all, framework uses "a" swatch (black in default theme) headers , footers , "c" swatch (light gray in default theme) page content maximize contrast between both.

all items in containers inherit swatch parent. exceptions rule listdivider in listviews, header of nested list pages, , button of split button lists. default "b" (blue in default theme). count bubbles default "c" (silver in default theme).

my questions

1) why jquery mobile doesn't use single theme. why "a" "b" , "c"?

2) because of it's using multiple theme it's not possible make single custom theme. example if make "g" custom design. there way force use single swatch "a" or "b" or "c" can make custom theme using of them.

1. it use single theme! themes have multiple color profiles called swatches, delegate colors elements. jquery defaults contrasting swatches because work together. excerpt posted comes play if no theme swatch letter set, maybe clears confusion.

   for instance, if have multiple buttons, can set data-theme swatch have defined in theme choose between color button. see button theming.

2. you making single custom theme themeroller, has multiple color components. (you can make theme have 1 theme swatch, don't think you'd need to!) elements on page take on parent's data-theme if no individual 1 set. if want 1 color swatch used on page, set data-theme=g page div.

   e.g. <div data-role="page" data-theme="g">        ... <!--everything theme unless otherwise specified-->      </div>  

i suggest check out, , read around jquery docs feel it.