PrimeFaces集成了ThemeRoller CSS框架，而且预置了37种主题样式。可以使用在线的ThemeRoller主题产生器工具生成自定义的主题。
应用一个主题到PrimeFaces项目很简单，只需下载主题的JAR包文件，并把它添加到项目的类路径下，再配置PrimeFaces使用此主题即可。
主题包下载： http://repository.primefaces.org/org/primefaces/themes/all-themes/1.0.9/all-themes-1.0.9.jar
主题使用配置：在web.xml文件中添加下面的内容
- context-param>
- param-name>primefaces.THEMEparam-name>
- param-value>swanky-purseparam-value>
- context-param>
PrimeFaces的主题选择器使得在页面上切换主题时无需刷新整个页面。
属性表
主题选择器用法
主题选择器的用法与单选菜单selectOneMenu的用法非常相似。- p:themeSwitcher style="width:150px">
- f:selectItem itemLabel="Choose Theme" itemValue="" />
- f:selectItems value="#{bean.themes}" />
- p:themeSwitcher>
有状态的主题选择器
默认状态下，主题选择器仅仅改变主题样式，不进行页面刷新，一旦你喜欢上改变后的新主题，你可以使用Ajax保存新主题为设置项。- p:themeSwitcher value="#{bean.theme}" effect="fade">
- f:selectItem itemLabel="Choose Theme" itemValue="" />
- f:selectItems value="#{themeSwitcherBean.themes}" />
- p:ajax listener="#{bean.saveTheme}" />
- p:themeSwitcher>
使用swanky-purse主题后的UI效果图
