Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Elijah "Ellie" Mangason
Liferay 6.1.1 how to extend the classic theme to include more colors?
October 9, 2012 11:03 AM
Answer

Elijah "Ellie" Mangason

Rank: Junior Member

Posts: 67

Join Date: May 14, 2012

Recent Posts

Is there a straightforward way to extend the classic theme to include 10 colors instead of just three. Specifically, in addition to green, blue, and orange, our requirements indicate purple, navy blue, red, aqua, yellow, gray, and tan color schemes. Can the various color codes in the classic theme be easily translated to these other colors? For example, the orange hover color is expressed this way in css:

.orange .aui-state-hover {
background-color: #DAC8BA;
background-image: url(@theme_image_path@/color_schemes/orange/application/state_hover_bg.png);
border-color: #837062;
}


how would the red hover color be expressed? Is there any easy way to make the translation?

[b]red .aui-state-hover {
background-color: #???????;
background-image: url(@theme_image_path@/color_schemes/red/application/state_hover_bg.png);
border-color: #??????;
}

THANKS for any thoughts or suggestions you have!
Anonymous
RE: Liferay 6.1.1 how to extend the classic theme to include more colors?
October 10, 2012 4:27 PM
Answer

Anonymous

in the liferay-look-and-feel.xml define more color schemes

<color-scheme id="01" name="Blue">
<css-class>blue</css-class>
<color-scheme-images-path>${images-path}/color_schemes/${css-class}</color-scheme-images-path>
</color-scheme>
<color-scheme id="02" name="Green">
<css-class>green</css-class>
</color-scheme>
<color-scheme id="03" name="Orange">
<css-class>orange</css-class>
</color-scheme>

https://github.com/liferay/liferay-portal/blob/master/portal-web/docroot/WEB-INF/liferay-look-and-feel.xml