I bought the Primefaces Designer and like to create multiple themes. Basically they are all the same but with different colors in their variables.scss file.
My current approach is the following:
assemble:
- abcd.xml
- efgh.xml
- ...
- primefaces-abcd
- primefaces-efgh
- ...
Code: Select all
<fileSet>
<directory>${basedir}/src/main/webapp/resources/primefaces-abcd</directory>
<outputDirectory>/META-INF/resources/primefaces-abcd</outputDirectory>
</fileSet>
common:
- _fonts.scss
- _my-icons.scss
- _login.scss
- ...
- open-sans-v13-latin-regular.eot
- open-sans-v13-latin-regular.svg
- ...
- _variables.scss
- theme.scss
- _variables.scss
- theme.scss
Code: Select all
@import './variables';
@import '../common/_fonts';
@import '../common/_login';
@import '../common/_my-icons';
@import '../designer/_core';
Code: Select all
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url("\#{resource['fonts/open-sans-v13-latin-regular.eot']}"); /* IE9 Compat Modes */
src: local('Open Sans'), local('OpenSans'),
url("\#{resource['fonts/open-sans-v13-latin-regular.eot']}#iefix") format('embedded-opentype'), /* IE6-IE8 */
url("\#{resource['fonts/open-sans-v13-latin-regular.woff2']}") format('woff2'), /* Super Modern Browsers */
url("\#{resource['fonts/open-sans-v13-latin-regular.woff']}") format('woff'), /* Modern Browsers */
url("\#{resource['fonts/open-sans-v13-latin-regular.ttf']}") format('truetype'), /* Safari, Android, iOS */
url("\#{resource['fonts/open-sans-v13-latin-regular.svg']}#OpenSans") format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'my-font';
font-style: normal;
src: url("\#{resource['fonts/my-font.ttf']}"); /* IE9 Compat Modes */
src: local('SAP-icons'), local('my-font'),
url("\#{resource['fonts/my-font.woff2']}") format('woff2'), /* Super Modern Browsers */
url("\#{resource['fonts/my-font.woff']}") format('woff'), /* Modern Browsers */
url("\#{resource['fonts/my-font.ttf']}") format('truetype'), /* Safari, Android, iOS */
url("\#{resource['fonts/my-font.svg']}#my-font") format('svg'); /* Legacy iOS */
}
But how do I build the project and use it somewhere else? The pom.xml must be changed and I don't know how?
Best regards
Michael