Using ZCS Theme Color Picker

Admin Article

Article Information

This article applies to the following ZCS versions.

ZCS 4.5 Article ZCS 4.5

To change the colors of a theme use the ZCS Theme Color Picker to create different color variants. As you select different colors, the Theme Color Picker automatically updates the color variants RGB value in the Theme Color Picker list. This list is then copied and pasted to the subs.txt file.

A theme defines a single _BaseColor_ that is used to give the UI a consistent color theme. The HTML, CSS, and substitution files are crafted to use subtle light and dark variants of this color to achieve effects like buttons that look like they rise and lower, without the use of images. To change a _BaseColor_, use the ZCS Theme Color Picker to pick the color interactively. Copy and paste the list of color variants into the _BaseColor_ [theme]_subs.txt file.

Themes also define a _SelColor_ which is the color used to show selected rows in lists, default buttons, etc. To define a _SelColor_, use the Theme Color Picker to pick the color interactively. Copy and past the list of color variants into the _SelColor_section of the [theme]_subs.txt file.

The ZCS Theme Color Picker file is installed on the following directory on the Zimbra server /opt/zimbra/tomcat/webapps/zimbra/skins/_sample. To open this file from your browser, type http:// YOUR SERVER/zimbra/skins/_sample/ZCSThemeColorPicker.html.

Verified Against: unknown Date Created: 8/30/2006
Article ID: https://wiki.zimbra.com/index.php?title=Using_ZCS_Theme_Color_Picker Date Modified: 2015-03-24



Try Zimbra

Try Zimbra Collaboration with a 60-day free trial.
Get it now »

Want to get involved?

You can contribute in the Community, Wiki, Code, or development of Zimlets.
Find out more. »

Looking for a Video?

Visit our YouTube channel to get the latest webinars, technology news, product overviews, and so much more.
Go to the YouTube channel »

Jump to: navigation, search