Graphite for jQuery Mobile

A beautiful and minimalist theme pack and generator for jQuery Mobile

Graphite is a curated set of nice, simple, and clean jQuery Mobile themes based on the default jQM swatches. It also comes with a generator script for building your own with a given base color and base highlight color. Since the themes are based on the default swatches, highlight swatches might not match the theme correctly for this release.

We've included a modified jQuery Mobile base theme that we use to generate the "Graphite" set of themes. This theme has a few changes made to the default theme.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

1. INCLUDE STLESHEET AND JAVASCRIPT

To add a Graphite theme to your jQuery Mobile 1.3.1 project, just copy the theme CSS over in place of the jQuery Mobile default CSS file.

<link rel="stylesheet" href="/themes/water/jquery.mobile-1.3.1.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

2. HTML

<div data-role="navbar">
      <ul>
        <li><a href="#" data-icon="gear" class="ui-btn-active ui-state-persist">Button 1</a></li>
        <li><a href="#" data-icon="refresh">Button 2</a></li>
        <li><a href="#" data-icon="check">Button 3</a></li>
      </ul>
</div>