PrimeFaces使用的是jQuery ThemeRoller CSS主题框架 ，并带有30多个预先设计的主题，您可以在几秒钟内下载并应用它们。 在本教程中，我们将向您展示如何更改主题PricePrices。

有两种更改主题的方法：

1. 使用Maven下载并申请。
2. 手动下载并申请。

1. Maven下载

对于Maven用户，请访问此PrimeFaces可用主题 ，选择一个主题并记住在Maven中定义的主题并配置web.xml 。

在这种情况下，我们将向您展示如何将默认主题（aristo）更改为glass-x主题。

档案：pom.xml

//...<repositories><repository><id>prime-repo</id><name>Prime Repo</name><url>http://repository.primefaces.org</url></repository></repositories><dependencies><dependency><groupId>org.primefaces.themes</groupId><artifactId>glass-x</artifactId><version>1.0.6</version></dependency><dependencies>

主题版本？
直接访问此PrimeFaces存储库 ，检查主题文件夹以了解哪个是最新的。

档案：web.xml

//...<context-param><param-name>primefaces.THEME</param-name><param-value>glass-x</param-value></context-param>

运行它，主题颜色将被更改，然后在源代码中查找，现在它指向glass-x。

<!-- html source code -->
<link type="text/css" rel="stylesheet" href="/project/faces/javax.faces.resource/theme.css?ln=primefaces-glass-x" />

2.手动下载

对于非Maven用户，只需访问PrimeFaces的存储库并手动下载主题jar，然后将其放在您的项目类路径中，并配置web.xml 。

档案：web.xml

//...<context-param><param-name>primefaces.THEME</param-name><param-value>glass-x</param-value></context-param>

动态更改主题

使用EL表达式动态应用主题的一个不错的旅程。 请参阅以下代码段：

档案：web.xml

<context-param><param-name>primefaces.THEME</param-name><param-value>#{loggedInUser.preferences.theme}</param-value></context-param>

PS参考– PrimeFaces用户指南

参考文献

1. PrimeFaces可用主题
2. jQuery主题轮
3. PrimeFaces用户指南

翻译自: https://mkyong.com/jsf2/primefaces/changing-theme-in-primefaces/