Theme for jQuery Mobile based on the WordPress.
 
It is built for jQuery Mobile 1.1 (technically it should work up to 1.3.2). Swatches are not included, theme acts as a single swatch.
 

Link

 
Website
 
GitHub
 

Working example

 
Working Plunker example can be found here:
 
Plunker Demo
 
Embedded example:
 
 

Other reviewed themes

 
Click here if you need to go to the original review article.
 
 

Code

 
Code example in case plnkr.co is offline.
 

HTML

 

<!DOCTYPE html>
<!DOCTYPE html>
<html dir="ltr" lang="en-US">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0,  maximum-scale=1.0, user-scalable=0" />
  <title>jQMobile</title>
  <link rel="pingback" href="http://www.mobilizetoday.com/preview/jqmobile/xmlrpc.php" />
  <script type="text/javascript">
    var ui_widget_content = '';
    var ui_form_comment = '';
  </script>
  <meta name='robots' content='noindex,nofollow' />
  <link rel="alternate" type="application/rss+xml" title="jQMobile &raquo; Feed" href="http://www.mobilizetoday.com/preview/jqmobile/?feed=rss2" />
  <link rel="alternate" type="application/rss+xml" title="jQMobile &raquo; Comments Feed" href="http://www.mobilizetoday.com/preview/jqmobile/?feed=comments-rss2" />
  <link rel='stylesheet' id='jqmobile-theme-css' href='http://www.mobilizetoday.com/preview/jqmobile/wp-content/themes/jqmobile/themes/valencia/jquery.mobile.theme.css' type='text/css' media='all' />
  <link rel='stylesheet' id='jquerymobile-css' href='http://www.mobilizetoday.com/preview/jqmobile/wp-content/themes/jqmobile/jquerymobile/jquery.mobile.structure-1.0.min.css?ver=1.0' type='text/css' media='all' />
  <link rel='stylesheet' id='custom-css' href='http://www.mobilizetoday.com/preview/jqmobile/wp-content/themes/jqmobile/custom.css?ver=3.3' type='text/css' media='all' />
  <script type='text/javascript' src='http://www.mobilizetoday.com/preview/jqmobile/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>
  <script type='text/javascript' src='http://www.mobilizetoday.com/preview/jqmobile/wp-content/plugins/jqmobile-preview/preview-mode.js?ver=3.3'></script>
  <script type='text/javascript' src='http://www.mobilizetoday.com/preview/jqmobile/wp-content/themes/jqmobile/script.js?ver=3.3'></script>
  <script type='text/javascript' src='http://www.mobilizetoday.com/preview/jqmobile/wp-content/themes/jqmobile/jquerymobile/jquery.mobile-1.0.min.js?ver=1.0'></script>
  <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.mobilizetoday.com/preview/jqmobile/xmlrpc.php?rsd" />
  <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.mobilizetoday.com/preview/jqmobile/wp-includes/wlwmanifest.xml" />
  <meta name="generator" content="WordPress 3.3" />
  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-8133783-1']);
    _gaq.push(['_trackPageview']);
    (function() {
      var ga = document.createElement('script');
      ga.type = 'text/javascript';
      ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(ga, s);
    })();
  </script>
  <style type="text/css">
    .recentcomments a {
      display: inline !important;
      padding: 0 !important;
      margin: 0 !important;
    }
  </style>
  <style type="text/css">
    .recentcomments a {
      display: inline !important;
      padding: 0 !important;
      margin: 0 !important;
    }
  </style>
  <link rel="stylesheet" href="http://www.mobilizetoday.com/preview/jqmobile/wp-content/themes/jqmobile/style.css" type="text/css" />
</head>

<body class="home blog right-sidebar">
  <div data-role="page" id="jqm-home">
    <div data-role="header">
      <a href="http://www.mobilizetoday.com/preview/jqmobile/" data-icon="home" data-iconpos="notext">jQMobile</a>
      <h1 role="heading">jQMobile | Just another WordPress site</h1>
    </div>
    <div data-role="content">
      <div class="right">
        <ul data-role="listview" data-inset="true">
          <li data-theme="b">
            <a href="http://www.mobilizetoday.com/preview/jqmobile/?p=188">
              <p class="ui-li-aside">2008-09-04</p>
              <h3>Layout Test</h3>
              <p><strong>Chip Bennett</strong>
              </p>
              <div>
                <p>This is a sticky post!!! Make sure it sticks! This should then split into other pages with layout, images, HTML tags, and other things.</p>
              </div>
            </a>
          </li>
          <li>
            <a href="http://www.mobilizetoday.com/preview/jqmobile/?p=358">
              <p class="ui-li-aside">2008-09-05</p>
              <h3>Readability Test</h3>
              <p><strong>Chip Bennett</strong>
              </p>
              <div>
                <p>All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I
                  suppose she must have looked rather delightful, [...]</p>
              </div>
            </a>
          </li>
          <li>
            <a href="http://www.mobilizetoday.com/preview/jqmobile/?p=128">
              <p class="ui-li-aside">2008-09-03</p>
              <h3>Images Test</h3>
              <p><strong>Chip Bennett</strong>
              </p>
              <div>
                <p>Image Alignment Tests: Un-Captioned Images Center-align, no caption Center-aligned image with no caption, and text before and after. ALorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium
                  nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id [...]</p>
              </div>
            </a>
          </li>
          <li>
            <a href="http://www.mobilizetoday.com/preview/jqmobile/?p=555">
              <p class="ui-li-aside">2008-06-10</p>
              <h3>Post Format Test: Gallery</h3>
              <p><strong>Chip Bennett</strong>
              </p>
              <div></div>
            </a>
          </li>
          <li>
            <a href="http://www.mobilizetoday.com/preview/jqmobile/?p=559">
              <p class="ui-li-aside">2008-06-09</p>
              <h3>Post Format Test: Aside</h3>
              <p><strong>Chip Bennett</strong>
              </p>
              <div>
                <p>“I never tried to prove nothing, just wanted to give a good show. My life has always been my music, it&#8217;s always come first, but the music ain&#8217;t worth nothing if you can&#8217;t lay it on the public. The main thing is to live
                  for that audience, &#8217;cause what you&#8217;re there for is to please [...]</p>
              </div>
            </a>
          </li>
          <li>
            <a href="http://www.mobilizetoday.com/preview/jqmobile/?p=562">
              <p class="ui-li-aside">2008-06-08</p>
              <h3>Post Format Test: Chat</h3>
              <p><strong>Chip Bennett</strong>
              </p>
              <div>
                <p>John: foo Mary: bar John: foo 2</p>
              </div>
            </a>
          </li>
          <li>
            <a href="http://www.mobilizetoday.com/preview/jqmobile/?p=565">
              <p class="ui-li-aside">2008-06-07</p>
              <h3>Post Format Test: Link</h3>
              <p><strong>Chip Bennett</strong>
              </p>
              <div>
                <p>The WordPress Theme Review Team Website</p>
              </div>
            </a>
          </li>
          <li>
            <a href="http://www.mobilizetoday.com/preview/jqmobile/?p=674">
              <p class="ui-li-aside">2008-06-06</p>
              <h3>Post Format Test: Image (Attached)</h3>
              <p><strong>Chip Bennett</strong>
              </p>
              <div></div>
            </a>
          </li>
          <li>
            <a href="http://www.mobilizetoday.com/preview/jqmobile/?p=568">
              <p class="ui-li-aside">2008-06-06</p>
              <h3>Post Format Test: Image (Linked)</h3>
              <p><strong>Chip Bennett</strong>
              </p>
              <div></div>
            </a>
          </li>
        </ul>
        <div class="navigation" data-role="controlgroup">
          <div class="next-posts"><a href="http://www.mobilizetoday.com/preview/jqmobile/?paged=2" data-role="button" data-icon="arrow-l">Older Entries</a>
          </div>
          <div class="prev-posts"></div>
        </div>
      </div>
      <div id="sidebar" data-role="collapsible-set" data-collapsed="true">
        <div id="jqmobile_theme-3" class="widget widget_jqmobile_theme" data-role="collapsible" data-theme="">
          <h2>Color Scheme</h2>

          <ul id="theme-switcher">
            <li><a href="#green">green</a>
            </li>
            <li><a href="#valencia">valencia</a>
            </li>
            <li><a href="#default">default</a>
            </li>
          </ul>
        </div>
        <div id="archives-3" class="widget widget_archive" data-role="collapsible" data-theme="">
          <h2>Archives</h2>	
          <select name="archive-dropdown" onchange='document.location.href=this.options[this.selectedIndex].value;'>
            <option value="">Select Month</option>
            <option value='http://www.mobilizetoday.com/preview/jqmobile/?m=200809'>September 2008 &nbsp;(3)</option>
            <option value='http://www.mobilizetoday.com/preview/jqmobile/?m=200806'>June 2008 &nbsp;(10)</option>
            <option value='http://www.mobilizetoday.com/preview/jqmobile/?m=200805'>May 2008 &nbsp;(5)</option>
            <option value='http://www.mobilizetoday.com/preview/jqmobile/?m=200804'>April 2008 &nbsp;(1)</option>
            <option value='http://www.mobilizetoday.com/preview/jqmobile/?m=200803'>March 2008 &nbsp;(3)</option>
          </select>
        </div>
        <div id="calendar-3" class="widget widget_calendar" data-role="collapsible" data-theme="">
          <h2>Calendar</h2>
          <div id="calendar_wrap">
            <table id="wp-calendar">
              <caption>December 2014</caption>
              <thead>
                <tr>
                  <th scope="col" title="Monday">M</th>
                  <th scope="col" title="Tuesday">T</th>
                  <th scope="col" title="Wednesday">W</th>
                  <th scope="col" title="Thursday">T</th>
                  <th scope="col" title="Friday">F</th>
                  <th scope="col" title="Saturday">S</th>
                  <th scope="col" title="Sunday">S</th>
                </tr>
              </thead>

              <tfoot>
                <tr>
                  <td colspan="3" id="prev"><a href="http://www.mobilizetoday.com/preview/jqmobile/?m=200809" title="View posts for September 2008">&laquo; Sep</a>
                  </td>
                  <td class="pad">&nbsp;</td>
                  <td colspan="3" id="next" class="pad">&nbsp;</td>
                </tr>
              </tfoot>

              <tbody>
                <tr>
                  <td>1</td>
                  <td>2</td>
                  <td>3</td>
                  <td>4</td>
                  <td>5</td>
                  <td>6</td>
                  <td>7</td>
                </tr>
                <tr>
                  <td>8</td>
                  <td>9</td>
                  <td>10</td>
                  <td>11</td>
                  <td>12</td>
                  <td id="today">13</td>
                  <td>14</td>
                </tr>
                <tr>
                  <td>15</td>
                  <td>16</td>
                  <td>17</td>
                  <td>18</td>
                  <td>19</td>
                  <td>20</td>
                  <td>21</td>
                </tr>
                <tr>
                  <td>22</td>
                  <td>23</td>
                  <td>24</td>
                  <td>25</td>
                  <td>26</td>
                  <td>27</td>
                  <td>28</td>
                </tr>
                <tr>
                  <td>29</td>
                  <td>30</td>
                  <td>31</td>
                  <td class="pad" colspan="4">&nbsp;</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div id="linkcat-2" class="widget widget_links" data-role="collapsible" data-theme="">
          <h2>Blogroll</h2>
          <ul class='xoxo blogroll'>
            <li><a href="http://codex.wordpress.org/">Documentation</a>
            </li>
            <li><a href="http://wordpress.org/extend/plugins/">Plugins</a>
            </li>
            <li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a>
            </li>
            <li><a href="http://wordpress.org/support/">Support Forum</a>
            </li>
            <li><a href="http://wordpress.org/extend/themes/">Themes</a>
            </li>
            <li><a href="http://wordpress.org/news/">WordPress Blog</a>
            </li>
            <li><a href="http://planet.wordpress.org/">WordPress Planet</a>
            </li>

          </ul>
        </div>
        <div id="meta-3" class="widget widget_meta" data-role="collapsible" data-theme="">
          <h2>Meta</h2>	
          <ul>
            <li><a href="http://www.mobilizetoday.com/preview/jqmobile/wp-login.php">Log in</a>
            </li>
            <li><a href="http://www.mobilizetoday.com/preview/jqmobile/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a>
            </li>
            <li><a href="http://www.mobilizetoday.com/preview/jqmobile/?feed=comments-rss2" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a>
            </li>
            <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a>
            </li>
          </ul>
        </div>
        <div id="recent-comments-3" class="widget widget_recent_comments" data-role="collapsible" data-theme="">
          <h2>Recent Comments</h2>
          <ul id="recentcomments">
            <li class="recentcomments"><a class="ui-link-inherit" href="http://www.mobilizetoday.com/preview/jqmobile/?p=149#comment-28"><span class="ui-li-heading">Comment Test</span> <p><strong>Test Contributor</strong></p> <div><p>Contributor comment </p></div></a>
            </li>
            <li class="recentcomments"><a class="ui-link-inherit" href="http://www.mobilizetoday.com/preview/jqmobile/?p=149#comment-27"><span class="ui-li-heading">Comment Test</span> <p><strong>tellyworthtest2</strong></p> <div><p>Replying to an author reply comment. </p></div></a>
            </li>
            <li class="recentcomments"><a class="ui-link-inherit" href="http://www.mobilizetoday.com/preview/jqmobile/?p=149#comment-26"><span class="ui-li-heading">Comment Test</span> <p><strong>Test Author</strong></p> <div><p>Testing an author reply comment </p></div></a>
            </li>
            <li class="recentcomments"><a class="ui-link-inherit" href="http://www.mobilizetoday.com/preview/jqmobile/?p=149#comment-25"><span class="ui-li-heading">Comment Test</span> <p><strong>Test Author</strong></p> <div><p>Another author comment </p></div></a>
            </li>
            <li class="recentcomments"><a class="ui-link-inherit" href="http://www.mobilizetoday.com/preview/jqmobile/?p=149#comment-24"><span class="ui-li-heading">Comment Test</span> <p><strong>tellyworthtest1</strong></p> <div><p>Testing threaded comments - two levels deep. </p></div></a>
            </li>
          </ul>
        </div>
        <div id="recent-posts-3" class="widget widget_recent_entries" data-role="collapsible" data-theme="">
          <h2>Recent Posts</h2>	
          <ul>
            <li><a href="http://www.mobilizetoday.com/preview/jqmobile/?p=358" title="Readability Test">Readability Test</a>
            </li>
            <li><a href="http://www.mobilizetoday.com/preview/jqmobile/?p=188" title="Layout Test">Layout Test</a>
            </li>
            <li><a href="http://www.mobilizetoday.com/preview/jqmobile/?p=128" title="Images Test">Images Test</a>
            </li>
            <li><a href="http://www.mobilizetoday.com/preview/jqmobile/?p=555" title="Post Format Test: Gallery">Post Format Test: Gallery</a>
            </li>
            <li><a href="http://www.mobilizetoday.com/preview/jqmobile/?p=559" title="Post Format Test: Aside">Post Format Test: Aside</a>
            </li>
          </ul>
        </div>
        <div id="search-3" class="widget widget_search" data-role="collapsible" data-theme="">
          <h2>Search</h2>
          <form action="http://www.mobilizetoday.com/preview/jqmobile" id="searchform" method="get">
            <div data-role="fieldcontain">
              <input type="search" name="s" id="search" value="" />
            </div>
          </form>
        </div>
      </div>
    </div>
    <div data-role="footer" class="ui-bar">
      <div class="logos">
        <a href="http://wordpress.org/" class="icon icon-custom-wp">Wordpress</a>
        <a href="http://jquerymobile.com/" class="icon icon-custom-jqm">jQueryMobile</a>
        <a href="http://www.mobilizetoday.com/" class="icon icon-custom-mt">MobilizeToday</a>
      </div>
      <a href="#jqm-home" data-role="button" data-icon="arrow-u" id="button-up">Up</a>
    </div>
  </div>
</body>

</html>