PrimeFaces Mobileのデフォルトテーマ5つを見比べる

PrimeFaces MobileではjQuery Mobile同様にテーマを作成することができるようです。
その際にはjQuery MobileのTheme Rollerをそのまま使うみたいですが(^^;
http://jquerymobile.com/themeroller/
まぁ、本体のPrimeFacesと同じっちゃ同じですね(^^;

一応デフォルトでも5種類のテーマが使えるようになっていて、viewタグやheaderタグで指定すれば簡単に変更できます。

属性名はswatchという名前で、Alc先生によると「材料見本、ちょっとした寄せ集め」という意味があるそうです。

すさまじくやる気を感じられないのが、属性指定する値。まさかの

っていう…(ﾉД`)・ﾟ・｡｡ﾟ~~PrimeFacesらしくない手抜き感。せめてテーマの雰囲気を示すような属性値にしてくれればいいのに…どうしたんだろ。~~

追記：上記取り消し線入れました。jQuery Mobileのデフォルトスウォッチがそのような設定になっているようです。(コメント頂いた@den2snさん、ありがとうございました)
jQuery Mobileの日本語サイトより↓
http://dev.screw-axis.com/doc/jquery_mobile/api/theme_framework/
てか、上記サイトみるほうが詳しいので、今回のブログエントリはほぼ不要でした(ﾉД`)

各々、以下のような定義で、viewタグ、headerタグ、footerタグにswatchが指定できます。

<span style="font-size: 90%"><f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pm="http://primefaces.org/mobile"
        contentType="text/html"
        renderKitId="PRIMEFACES_MOBILE"
        xmlns:h="http://java.sun.com/jsf/html">

    <pm:page id="pgLoginTheme" title="loginTheme">
        <pm:view id="viewLoginTheme" swatch="a">

            <!-- ヘッダ -->
            <pm:header id="headerLoginTheme" 
                title="ログイン画面でテーマ変えてみる" swatch="a"/>
            
            <!-- コンテンツ -->
            <pm:content id="contentLoginTheme">
                
                <pm:field id="fieldLoginUserTheme">
                    <h:outputLabel id="lblLoginUserTheme" 
                       for="txtLoginUser" value="ログインユーザ名" />
                    <h:inputText id="txtLoginUserTheme" />
                </pm:field>

                <pm:field id="fieldLoginPasswordTheme">
                    <h:outputLabel id="lblLoginPasswordTheme" 
                       for="txtLoginPassword" value="ログインパスワード" />
                    <p:password id="txtLoginPasswordTheme" />
                </pm:field>
                
                <h:form>
                    <p:commandButton id="btnLoginTheme" value="ログイン" />
                </h:form>
            </pm:content>

            <!-- フッタ -->            
            <pm:footer id="footerLoginTheme" swatch="a">
                <h:outputLabel id="footerCopyrightTheme" 
                   value="Copyright テスト株式会社" />
            </pm:footer>
            
        </pm:view>
    </pm:page>
</f:view></span>