This is an attempt to create a Windows Mobile 7.5 like jQuery Mobile theme.
 
This theme is built for jQuery Mobile 1.1 (it should work up to 1.3).
 

Link

 
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>
<html>
<head>
    <meta content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>jQM theme for Windows Phone</title>

    <link rel="stylesheet" href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/css/metro/jquery.mobile.metro.theme.css"/>
    <link href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/css/jquery.mobile.fixedToolbar.polyfill.css" rel="stylesheet" type="text/css" />

    <link href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/css/progress-bar.css" rel="stylesheet" type="text/css" />
    <link href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/css/app-bar.css" rel="stylesheet" type="text/css" />
    <link href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/css/toggle-button.css" rel="stylesheet" type="text/css" />
    <link href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/css/mobiscroll-1.5.3.css" rel="stylesheet" type="text/css" />

    <script src="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/jquery.js" type="text/javascript"></script>
    <script src="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/css/metro/jquery.mobile.metro.theme.init.js" type="text/javascript"></script>
    <script src="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/jquery.mobile.js" type="text/javascript"></script>
    <script src="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/jquery.globalstylesheet.js" type="text/javascript"></script>
    <script src="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/jquery.mobile.themeswitcher.js" type="text/javascript"></script>
    <script src="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/jquery.mobile.fixedToolbar.polyfill.js" type="text/javascript"></script>


    <script src="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/progress-bar.js" type="text/javascript"></script>
    <script src="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/toggle-button.js" type="text/javascript"></script>
    <script src="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/app-bar.js" type="text/javascript"></script>
    <script src="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/mobiscroll-1.5.3.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" class="type-interior" data-theme="a">
    <div data-role="header" data-theme="a" data-position="fixed">
        <span class="ui-app-title">Be inspired by Metro</span>

        <h1 id="appTitle">jQuery Mobile theme for Windows Phone (Metro style)</h1>
    </div>

    <div data-role="content" data-theme="a" style="min-height: 105% !important">
        <div data-role="fieldcontain">

            <h2>Welcome</h2>

            <p style="font-weight: bold">This theme provides a Metro user interface for Cordova apps using jQuery Mobile on Windows Phone 7.5.</p>
            <p>While the theme itself adds all metro specific colors
                and fonts by default, please don't forget to follow <a
                        href="http://msdn.microsoft.com/en-us/library/hh202915(v=VS.92).aspx">metro
                    principles</a>.</p>

            <p id="noteIeRequired" style="display: none">To view DateTime picker and Theme Switcher plugins of the jQM theme for Windows Phone, please view from within a Cordova app in Windows Phone 7.5.</p>
            <h2>Browse</h2>

            <ul id="list-view-1" name="list-view-1" data-role="listview" data-inset="true">


                <li data-role="list-divider">jQMobile Standard</li>

                <li><a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/fonts.html">Fonts and colors</a></li>
                <li><a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/header.html">Headers and Footers</a></li>
                <li><a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/list.html">Listview and menus</a></li>
                <li><a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/buttons.html">Buttons</a></li>
                <li><a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/form-elements.html">Form elements</a></li>
                <li><a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/dialogs.html">Dialogs</a></li>


                <li data-role="list-divider">Plugins</li>

                <li><a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/progress-bar.html">Progress bar</a></li>
                <li><a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/appbar.html">Application bar</a></li>
                <li><a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/toggle.html">Toggle button</a></li>
                <li><a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/date-time.html">DateTime Picker (Viewable only from a Cordova app on Windows Phone 7.5)</a></li>
                <li><a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/switcher.html">Theme Switcher (Viewable only from a Cordova app on Windows Phone 7.5)</a></li>

            </ul>
            
            <h2>Try Different Themes</h2>
            <br/>
            Use the following button to switch between Windows Phone Dark and Light themes, and the original jQueryMobile theme
            <div id="jqm-themeswitcher"></div>
            <h5>When viewed via a Cordova app on Windows Phone 7.5 all system colors will be automatically applied via <a href="http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/pages/switcher.html">Theme Switcher plugin</a></li></h5>
            <br/>
            <h2>Links</h2>
            <br/>
            <a href="http://sgrebnov.github.com/jqmobile-metro-theme/" rel="external">Theme home page</a>
        </div>

    </div>


</div>
</body>
</html>

 

CSS:

 
        /* custom icons for toggle button*/
        .ui-icon-demo-help,
        .ui-icon-demo-set {
            background-repeat: no-repeat;
            background-position: 50% 50% ;
            background-size: 30px 30px;
        }

        .ui-toggle-checked .ui-icon-demo-help{
            background-image: url(images/help.light.png);
        }

        .ui-toggle-unchecked .ui-icon-demo-help{
            background-image: url(images/help.dark.png);
        }

        .ui-toggle-checked .ui-icon-demo-set{
            background-image: url(images/set.light.png);
        }

        .ui-toggle-unchecked .ui-icon-demo-set{
            background-image: url(images/set.dark.png);
        }

        .ui-icon-demo-help,
        .ui-icon-demo-set {
            background-repeat: no-repeat;
            background-position: 50% 50% ;
            background-size: 30px 30px;
        }

        .ui-btn-up-a .ui-icon-demo-help,
        .ui-btn-hover-a .ui-icon-demo-help,
        .ui-btn-down-b .ui-icon-demo-help{
            background-image: url(images/help.dark.png);
        }

        .ui-btn-up-b .ui-icon-demo-help,
        .ui-btn-hover-b .ui-icon-demo-help,
        .ui-btn-down-a .ui-icon-demo-help{
            background-image: url(images/help.light.png);
        }

        .ui-btn-up-a .ui-icon-demo-set,
        .ui-btn-hover-a .ui-icon-demo-set,
        .ui-btn-down-b .ui-icon-demo-set{
            background-image: url(images/set.dark.png);
        }

        .ui-btn-up-b .ui-icon-demo-set,
        .ui-btn-hover-b .ui-icon-demo-set,
        .ui-btn-down-a .ui-icon-demo-set{
            background-image: url(images/set.light.png);
        }
 

JavaScript:

 
        $.themesDir = 'css/';

        $().ready( function() {
            if (!$.browser.msie) {
                $("#noteIeRequired").show();
            }

            // special title when run in Cordova environment
            if (typeof window.external.Notify !== "undefined") {
                document.getElementById("appTitle").innerHTML = "Theme overview";
            }
        });

        // allows to use the page in NON cordova environment
        if (typeof window.external.Notify !== "undefined") {

            var head = document.getElementsByTagName("head")[0];

            var sc1 = document.createElement("script");
            sc1.src = "http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/cordova-1.5.0.js";
            (head || document.body).appendChild(sc1);


            var sc2 = document.createElement("script");
            sc2.src = "http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/phoneTheme.js";
            (head || document.body).appendChild(sc2);

            var sc3 = document.createElement("script");
            sc3.src = "http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/jquery.cordova.metro.themeswitcher.js";
            (head || document.body).appendChild(sc3);

            var sc4 = document.createElement("script");
            sc4.src = "http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/backButtonHandler.js";
            (head || document.body).appendChild(sc4);

            var sc5 = document.createElement("script");
            sc5.src = "http://sgrebnov.github.io/jqmobile-metro-theme/samples/jqm-public-demo/js/dateTimePicker.js";
            (head || document.body).appendChild(sc5);
        }