Change color in the theme

Locked
rider
Posts: 355
Joined: 05 Mar 2010, 13:17

19 Sep 2015, 16:42

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?
Primefaces 8.0, WildFly 16

mert.sincan
Posts: 4352
Joined: 29 Jun 2013, 12:38

21 Sep 2015, 08:33

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

Locked

Return to “Rio”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest