Difference between revisions of "Changing the Logo and Theme Colors from the Admin Console"

 
(6 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Article Infobox|{{admin}}|||{{ZCS 7.0}}}}
+
{{BC|Certified}}
On the administration console, the Global Settings and the Domains settings
+
__FORCETOC__
include a Themes tabs that can be configured to customize the color scheme
+
<div class="col-md-12 ibox-content">
and to add a company logo and logo URL. You upload your company logo to
+
=Changing the Logo and Theme Colors from the Admin Console=
be used on the Zimbra Web Client and administration console pages.
+
{{KB|{{ZC}}|{{ZCS 7.0}}||}}
 +
{{Archive}}{{WIP}}
 +
Users of the Network Edition can replace the VMware Zimbra logo with their own custom logo, and can change the color scheme of the Zimbra web interface.
  
 
== Adding Your Logo ==
 
== Adding Your Logo ==
  
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. Note that 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.
+
You can replace the Zimbra logo with your logo globally or on a per domain basis. Your logos must be the same size as specified here or the image may not display correctly. Note that 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.
  
# Create versions of your logos in the following sizes:
+
* Create versions of your logo in the following sizes:
## NxN - for the login screen
+
** 300x48 pixels - for the login screen
## NxN - for the main Zimbra interface (top left corner)
+
** 200x28 pixels - for the main Zimbra interface (top left corner)
# Create a new directory for the logos:
+
* Create a new directory for the logos:  
## su - zimbra
+
<pre>
## mkdir /opt/zimbra/jetty/webapps/zimbra/logos
+
root@server:~# su - zimbra
# Copy the logos into the directory created above.
+
zimbra@server:~$ mkdir /opt/zimbra/jetty/webapps/zimbra/logos
# Using the Domain Admin Console, from the Domain->Themes tab, add the URLs to the logo images as "/logos/<filename>.<extension>"
+
</pre>
 +
* Copy the logos into the directory created above.  Make sure they are owned and readable by the zimbra user.
 +
* Navigate to the Themes tab of either the "Global Settings" page, or of a specific Domain.
 +
* Under "Customize the logo of the themes", add the location of the logo images as "/logos/<filename>.<extension>" Note that the URLs can also be for a remote server (of the form http://server.com/logo.jpg for example) in which case you do not need to load the logo image files onto the Zimbra server.
  
 
== Changing Base Theme Colors ==
 
== 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.  
+
You can customize the color layout for the web client. 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
+
On the Domain Themes tab, you can select a color from the pallet for each of the following areas:
following areas.
 
 
* Foreground, which is the text color.
 
* Foreground, which is the text color.
 
* Background, which is the primary background color displayed in the client.
 
* Background, which is the primary background color displayed in the client.
Line 28: Line 32:
 
* Selection, which is the color displayed for a selected item such as a message, right-click, or drop down menu selection.
 
* Selection, which is the color displayed for a selected item such as a message, right-click, or drop down menu selection.
  
 +
After changing the theme colors and saving the changes, the cache will need to be flushed to have the changes take effect.
 +
{{Article Footer|Zimbra Collaboration 8.0, 7.0|04/16/2014}}
 
[[Category:Themes]]
 
[[Category:Themes]]
[[Category:ZCS 7.0]]
 

Latest revision as of 15:26, 11 July 2015

Changing the Logo and Theme Colors from the Admin Console

   KB 15265        Last updated on 2015-07-11  




0.00
(0 votes)

Users of the Network Edition can replace the VMware Zimbra logo with their own custom logo, and can change the color scheme of the Zimbra web interface.

You can replace the Zimbra logo with your logo globally or on a per domain basis. Your logos must be the same size as specified here or the image may not display correctly. Note that 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.

  • Create versions of your logo in the following sizes:
    • 300x48 pixels - for the login screen
    • 200x28 pixels - for the main Zimbra interface (top left corner)
  • Create a new directory for the logos:
root@server:~# su - zimbra
zimbra@server:~$ mkdir /opt/zimbra/jetty/webapps/zimbra/logos
  • Copy the logos into the directory created above. Make sure they are owned and readable by the zimbra user.
  • Navigate to the Themes tab of either the "Global Settings" page, or of a specific Domain.
  • Under "Customize the logo of the themes", add the location of the logo images as "/logos/<filename>.<extension>" Note that the URLs can also be for a remote server (of the form logo.jpg for example) in which case you do not need to load the logo image files onto the Zimbra server.

Changing Base Theme Colors

You can customize the color layout for the web client. 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 Domain Themes tab, 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.

After changing the theme colors and saving the changes, the cache will need to be flushed to have the changes take effect.

Verified Against: Zimbra Collaboration 8.0, 7.0 Date Created: 04/16/2014
Article ID: https://wiki.zimbra.com/index.php?title=Changing_the_Logo_and_Theme_Colors_from_the_Admin_Console Date Modified: 2015-07-11



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