Customizar um thema para primefaces-5.1 com jQuery 1.11.3


    Como acabei de testar, vou colocar aqui os passos rapidamente para quem estiver passando dificuldades. Depois deixarei o post melhor.

Eu tentei seguir este post: http://www.mkyong.com/jsf2/primefaces/create-a-custom-theme-in-primefaces/ mas ao segui-lo as coisas não rolaram como deveriam. Não que ele esteja errado mas o ThemeRoller com o jQuery na versão 1.11.3 agora não gera o thema conforme ele explica com as pastas cssdevelopment-bundle e js folders. Agora ele gera pastas neste formato:


Então os passos que eu consegui pra conseguir utilizar o thema neste formato são:

1 - Após customizar o thema, gerar o zip
     com o toogle all deselecionado E com a versão 1.10.4 selecionada.




2 - Descompactar o zip e fazer como o post mencionado:

3 - Entrar na pasta jquery-ui-1.10.4.custom/css/nome-to-thema e alterar o nome do arquivo jquery-ui-1.10.4.custom.css para theme.css

4 - Editar o arquivo theme.css e substituir as seguintes linhas:
url(images por url("#{resource['primefaces-nome-do-thema:images


.png por .png']}"

5 - Editar no web.xml a configuração do thema:


6 - Copiar a pasta images e o arquivo theme.css para dentro da pasta /projeto-war/src/main/webapp/resources. Buildar e rodar.

Thema customizado: