This recipe shows you how to create a swatch using the jQueryMobile ThemeRoller web tool.
The code in this recipe was created using the the jQueryMobile ThemeRoller web tool available at http://www.jquerymobile.com/themeroller. The code is available in the code/10/myTheme
source folder. You can launch this code using the URL http://localhost:8080/10/myTheme/index.html
.
Generate the
myTheme.css
file using the jQueryMobile ThemeRoller tool. It gets included in the generatedindex.html
file, as follows:<link rel='stylesheet' href='themes/myTheme.min.css' /> <link rel="stylesheet" href="http://code.jquery.com/mobile /1.1.1/jquery.mobile.structure-1.1.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"> </script> <script src="http://code.jquery.com/mobile/ 1.1.1/jquery.mobile-1.1.1.min.js"></script>
The
<body>
content inindex.html
gets generated as follows...