[Solved] Theming Zimbra

[javito1081]

Iv been looking into changing a few things in zimbra, for example the login screen page background and the contentbox too, i manage to change the page background with a personalized picture, but i wanna make the contectbox transparent and it doesnt work.

So far iv tried changing the skin.properties of my base3 folder and the one in harmony which is my current theme, but it always stays blue, no mattar what i change in LoginContentBox = background-color:@AltC@; i tried changing @AltC@; for transparent;, or any other color like #011BC3; but nothing, it always stays the same default blue color

So my question is, first is there a way to change the default blue skin?, cause i see in the skins folder that there are other names like oasis, steel, sand, etc but i havent found any place in the zimbra admin webpage to change the skin at all, and my 2nd question is, how do i change the contentbox background to transparent?

Solution: turns out i had to clear the cache of my browser in order to reflect changes, cause changing the properties in

Code: Select all

/opt/zimbra/jetty_base/webapps/zimbra/skins/harmony/skin.properties

and do a

Code: Select all

zmmailboxdctl restart

after was enough to change anything, but i also had to clear the browser cache in order to see the changes.

[phoenix]

Take a look at this page: https://wiki.zimbra.com/wiki/Category:Branding

You should also make sure you follow the licensing guidelines for rebranding and not removing anything that should remain on there.

[javito1081]

it seems the info there is not really updated, i wasnt able to find a way to change what i needed, i checked that a few days ago without any luck i just want to make the login box transparent

[L. Mark Stone]

it seems the info there is not really updated, i wasnt able to find a way to change what i needed, i checked that a few days ago without any luck i just want to make the login box transparent

The branding fundamentals have not changed in many years; just the CSS mostly as newer themes have been deployed.

This is still the definitive guide: https://files.zimbra.com/docs/skins/Themes.html

Hope that helps,
Mark

P.S. Please respect Zimbra's licensing restrictions as regards rebranding.

[javito1081]

it seems the info there is not really updated, i wasnt able to find a way to change what i needed, i checked that a few days ago without any luck i just want to make the login box transparent

The branding fundamentals have not changed in many years; just the CSS mostly as newer themes have been deployed.

This is still the definitive guide: https://files.zimbra.com/docs/skins/Themes.html

Hope that helps,
Mark

P.S. Please respect Zimbra's licensing restrictions as regards rebranding.

since that is pretty old, do u know how this test link works now? http://your.server.com/zimbra/?skin=pumpkin cause i tried for example http://your.server.com/zimbra/?skin=carbon which is one of the skins that comes by default into the zimbra skin folder but it doesnt work, i get a 404

[L. Mark Stone]

Zimbra still ships with very old themes, and some of them periodically in my experience don’t always render correctly with modern browsers.

Carbon as best I can recollect was introduced around Zimbra 7.

Harmony and Serenity are pretty new and work well. Bare is one of the older themes but also seems to have no issues.

Yes, that theming guide is old, but as I mentioned, the fundamentals of Zimbra’s UI constructs really haven’t changed.

Hope that helps,
Mark

[javito1081]

Zimbra still ships with very old themes, and some of them periodically in my experience don’t always render correctly with modern browsers.

Carbon as best I can recollect was introduced around Zimbra 7.

Harmony and Serenity are pretty new and work well. Bare is one of the older themes but also seems to have no issues.

Yes, that theming guide is old, but as I mentioned, the fundamentals of Zimbra’s UI constructs really haven’t changed.

Hope that helps,
Mark

yes i realized that now that i solved my problem, turns out i had to delete my browsers cache in order to see the changes i made, but still havent found an answer of how to use the preview url to preview my changes, or how to use the ZCSThemeColorPicker.html that is in /opt/zimbra/jetty_base/webapps/zimbra/skins/_sample



Update:

NVM, i just figure it out, i had to go instead of

Code: Select all

http://YOUR SERVER/zimbra/skins/_sample/ZCSThemeColorPicker.html

to

Code: Select all

http://YOUR SERVER/skins/_sample/ZCSThemeColorPicker.html

replace https if ur server has a SSL Certificate, aparently the first one was for older versions of zimbra.


Same for themes previews instead of

Code: Select all

http://your.server.com/zimbra/?skin=yourtheme

u need to go to

Code: Select all

http://your.server.com/?skin=yourtheme