Inconsistency in changing theme color across pages

[soumya sreedharan, geändert vor 8 Jahren.]

We are using three theme colors,Blue,Orange and Green. Default color on loading is Blue. On switching theme to Orange or Green, inconsistent color change is happening across Pages.
We are using Liferay 6.0

Please help

[Travis Cory, geändert vor 8 Jahren.]

Hey Soumya,

If you want to change the color scheme for a theme (or the theme in general) for an entire site, make sure you change it at the Root (either Public Pages, or Private Pages). It sounds like you might be changing the theme on a page by page basis.

[soumya sreedharan, geändert vor 8 Jahren.]

Thanks for your reply Travis.
I have selected the root of public pages only.
In all the pages it is selected as 'Use the same look and feel of the Public Pages' only, but then also this inconsistency is occuring.
i have used javascript
i have written following code in portal-normal.vm

"

<a href="javascript" data-customcssclass="skin-default"></a>
<a href="javascript" title="Blue Theme" data-customcssclass="skin-blue"><img alt="Blue Theme" src="/images/blue.PNG"></a>
<a href="javascript" title="Green Theme" data-customcssclass="skin-green"><img alt="Green Theme" src="/images/green.PNG"></a>
<a href="javascript" title="Orange Theme" data-customcssclass="skin-orange"><img alt="Orange Theme" src="/images/orange.PNG"></a>



AUI().ready(
'aui-io',
function(A)
{ A.one('#skin-selector').delegate
('click',
function(event){
var cssClass = event.currentTarget.attr('data-customCssClass');
if (cssClass) {
var body = A.getBody();
body.attr('class', cssClass + body.attr('class').replace(/skin-[a-z]+/g, ""));
A.io.request(
themeDisplay.getPathMain() + '/portal/session_click',
{
data: {
'theme_custom_css_class': cssClass}});}},'a'});

);

[Wouter Vernaillen, geändert vor 8 Jahren.]

Maybe some colors used on the pages are defined only in the main css file(s)? If so, then they won't change when you switch color scheme.