<script language="JavaScript">
<!--
function _AN_global_var_init(){
	_AN_this_url = "/prx/000/";
	_AN_base_scheme = "https";
	_AN_base_host = "https://patch-diff.githubusercontent.com";
	_AN_base_path = "https://patch-diff.githubusercontent.com/raw/jquery-archive/jquery-mobile/pull/";
	_AN_encode_urls = 0;
	_AN_mpo = 1;
	_AN_md = 0;
	_AN_rel_urls = 1;
	_AN_nav_switch = 0;
	_AN_nav_allowurl = 1;
	_AN_nav_override = 0;
	_AN_has_iframe = 0;
	_AN_dbg_flags = null;
	_AN_nav_use_aaa = 1;
	_AN_expires_pass = 0;
	_AN_wrap_evthandlers = 0;
	_AN_rewrite_param_exact = 0;
	_AN_obj_params = {};
} 
_AN_global_var_init();
//-->
</script>
<script language="JavaScript" src="/prx/001/http/localh/an_util.js"></script>
<script language="JavaScript" src="/prx/001/http/localh/NSLib.js"></script>

diff --git a/docs/pages/pages-themes.html b/docs/pages/pages-themes.html
index 94f3333a6fc..e719c255c1b 100644
--- a/docs/pages/pages-themes.html
+++ b/docs/pages/pages-themes.html
@@ -56,7 +56,7 @@ <h3>Default Theme Content Header</h3>
 
 			<p>And each of the five "swatches" applies its style consistently across all page elements, as shown below:</p>
 						
-			<h2>Swatch A</h2>
+			<h2>Swatch "a"</h2>
 			<div data-role="header">
 				<h1>Header A</h1>
 			</div>
@@ -64,48 +64,48 @@ <h1>Header A</h1>
 			
 			<div class="ui-body ui-body-a">
 				<h3>Header</h3>
-				<p>This is content color swatch "A" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<p>This is content color swatch "a" and a preview of a <a href="#" class="ui-link">link</a>.</p>
 				<a href="#" data-role="button" data-inline="true">Button</a>
 			</div>
 
 
-			<h2>Swatch B</h2>
+			<h2>Swatch "b"</h2>
 			<div data-role="header" data-theme="b">
 				<h1>Header B</h1>
 			</div>
 			<div class="ui-body ui-body-b">
 				<h3>Header</h3>
-				<p>This is content color swatch "B" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<p>This is content color swatch "b" and a preview of a <a href="#" class="ui-link">link</a>.</p>
 				<a href="#" data-role="button" data-inline="true">Button</a>
 			</div>
 			
-			<h2>Swatch C</h2>
+			<h2>Swatch "c"</h2>
 			<div data-role="header" data-theme="c">
 				<h1>Header C</h1>
 			</div>
 			<div class="ui-body ui-body-c">
 				<h3>Header</h3>
-				<p>This is content color swatch "C" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<p>This is content color swatch "c" and a preview of a <a href="#" class="ui-link">link</a>.</p>
 				<a href="#" data-role="button" data-inline="true">Button</a>
 			</div>
 
-			<h2>Swatch D</h2>
+			<h2>Swatch "d"</h2>
 			<div data-role="header" data-theme="d">
 				<h1>Header D</h1>
 			</div>
 			<div class="ui-body ui-body-d">
 				<h3>Header</h3>
-				<p>This is content color swatch "D" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<p>This is content color swatch "d" and a preview of a <a href="#" class="ui-link">link</a>.</p>
 				<a href="#" data-role="button" data-inline="true">Button</a>
 			</div>
 			
-			<h2>Swatch E</h2>
+			<h2>Swatch "e"</h2>
 			<div data-role="header" data-theme="e">
 				<h1>Header E</h1>
 			</div>
 			<div class="ui-body ui-body-e">
 				<h3>Header</h3>
-				<p>This is content color swatch "E" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<p>This is content color swatch "e" and a preview of a <a href="#" class="ui-link">link</a>.</p>
 				<a href="#" data-role="button" data-inline="true">Button</a>
 			</div>
 			
