Page 1 of 1

Change color in the theme

Posted: 19 Sep 2015, 16:42
by rider
Dear all,

Is there any manual / video for:
How can I change easily the color of the theme?

I would like to implement this for my customer.
The customer should be able to customize the whole layout.
Is it possible to store such information int the database:
- background color....

Or should I override the "physical" css file for the defined colors?

Re: Change color in the theme

Posted: 21 Sep 2015, 08:33
by mert.sincan
We added LESS support for Rio. (http://blog.primefaces.org/?p=3582 , Less Detail: http://lesscss.org/ ) You can easily change font-size, color, background-color, .. of components.

I think you can use this feature. Please use layout-variables.less to change colors,.. of layout, theme-variables.less to change colors,font-size,.. of theme.

Exp;
If you want to change background-color of body, please try with;
in layout-variables.less

Code: Select all

@body-bgcolor: #FFFFFF    /* Default -> #F5F5F5; */
...
You can check the location of these variables in rio-layout.less

Code: Select all

body{margin:0px; height:100%; width:100%; background-color:@body-bgcolor;}
You can do similar things for theme.

Also, Maybe you can try to use two or more themes or layouts. Please see; https://www.youtube.com/watch?v=jbNdtndIsqk