Changing the Logo and Theme Colors from the Admin Console

Revision as of 17:52, 23 September 2011 by Pobrien (talk | contribs) (initial version)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

On the administration console, the Global Settings and the Domains settings include a Themes tabs that can be configured to customize the color scheme and to add a company logo and logo URL. You upload your company logo to be used on the Zimbra Web Client and administration console pages.

You can replace the Zimbra logo with your company’s logo globally or per domain from the Themes tabs. Your logos must be the same size as specified here or the image may not display correctly. The graphic files are saved on another server or in a directory that is not overwritten when ZCS is upgraded. The Zimlet icon that displays in the Advanced search toolbar and the favicon.ico that displays in the URL browser address field are not changed.

  1. Create versions of your logos in the following sizes:
    1. NxN - for the login screen
    2. NxN - for the main Zimbra interface (top left corner)
  2. Create a new directory for the logos:
    1. su - zimbra
    2. mkdir /opt/zimbra/jetty/webapps/zimbra/logos
  3. Copy the logos into the directory created above.
  4. Using the Domain Admin Console, from the Domain->Themes tab, add the URLs to the logo images as "/logos/<filename>.<extension>"

Changing Base Theme Colors

You can change the same areas as changed from the CLI. You can either select colors from a color pallet table of defined colors or enter the six-digit hexadecimal color value for an exact color match. On the Themes tabs, you can select a color from the pallet for each of the following areas.

  • Foreground, which is the text color.
  • Background, which is the primary background color displayed in the client.
  • Secondary, which is the color used for the toolbar and selection headers in the Navigation pane.
  • Selection, which is the color displayed for a selected item such as a message, right-click, or drop down menu selection.
Jump to: navigation, search