Well, a little document somewhat overdue, but how did this issue come up in a client recently?, we make a brief summary of the changes that would be necessary to customize or customize a theme in the Outlook Web App of our Microsoft Exchange servers 2010, With this we will make a totally corporate interface where we will have the bosses happy! 😛

We will make these changes to our servers with the Client Access role, and if we have a TMG server in the DMZ we must also make part of the changes in it, in the portal part.

To keep in mind that the topics are in: %ProgramFiles%MicrosoftExchange ServerV14ClientAccessOwa<version>Themes

We could even change the icon that the browser will show us, replacing it with ours in %ProgramFiles%MicrosoftExchange ServerV14ClientAccessOwa<version>themesresources will replace favicon.ico with our corporate.
We can work on an existing theme that suits us better or use the default one ('basic'), So we duplicate the folder of the topic in question and rename it as we want.

We will edit the file themeinfo.xml and in 'displayname’ we will indicate the name to display within OWA (If we let them select topics).

We can rely on third-party utilities to see the OWA source code and customize it online to see how the changes would look and then we would transfer them to the CSS file in question. In Firefox there is a plugin called ‘Firebug‘ that will be very useful to us, or even Internet Explorer has something out there… With this, We can use the tool and select parts of the website to see where its color comes from, text…

Common Examples:

To button change the color of the 'Login' button’ of the Home, we will modify the 'logon.css’ in the 'themesResources' folder, By looking for the 'input.btn' section{background-color:’ and we put the color in hexadecimal that best suits us.

Same for the effect when the mouse hovers over the button, We will put a similar color to the previous one, but clearer, Modifying: 'btnOnMseOvr{background-color:’, the same for when it clicks…
If we want to change the color of the links in this same Home and that they are not orange, on the same 'logon.css’ We look for the section for links 'to{colour:’….

More, for the orange text on the Home other than links, Back in 'logon.css’ We change 'wrng{colour:’

And finally, For example, to change the color of the boxes where the username/password is entered, We change the 'background-color'’ inside '.txt'

To change the main images, We will see that they are made up of several, so the most feasible thing to do is to change the Hue/Saturation with a PhotoShop and that's it, to the color that best suits. In 'lgntopl.gif’ We can replace the default logo and put our company's logo.

More,

And so on,

And so on!

Keep in mind that once we have logged in to OWA, We'll have to change things too, such as our company logo on the top left, To do this, we will modify the file 'csssprites.png’ supplanting by our LOGO where 'Microsoft Outlook Web App' comes, we will have to take into account that at most it will be an image of 144 x 42 Pixels! As we can see, we can change more icons, this is one of the advantages of OWA, that charges so fast, Upload a single image and then select the boxes you want to place.

To indicate that users cannot modify/select a topic, we can do it with PowerShell:

set-owavirtualdirectory -identity “<servername>owa (Default Web Site)” -themeselectionenabled $false

And to force everyone the issue that we have just generated, We will do it with:

set-owavirtualdirectory -identity “<servername>owa (Default Web Site)” -defaulttheme NOMBRE_DIRECTORIO