Customize Outlook Web App for Exchange 2013

Customize the color of the sign-in page

  1. Log on to the Exchange server and use Windows Explorer to go to the Exchange server installation directory and find \V15\FrontEnd\HttpProxy\owa\auth\<version>\themes\resources.
  2. Use a text editor, such as Notepad, to open logon.css.
  3. Search for the default color value #0072c6 and replace it with the HTML RGB value for the color you want to use. You can find HTML RGB values here: Color Table.
  4. Save and close the file.

 Customize the color of the error page

  1. Log on to the Exchange server and use Windows Explorer to go to the Exchange server installation directory and find \V15\FrontEnd\HttpProxy\owa\auth\<version>\themes\resources.
  2. Use a text editor, such as Notepad, to open errorFE.css.
  3. Search for the default color value #0072c6 and replace it with the HTML RGB value for the color you want to use. You can find HTML RGB values here: Color Table.
  4. Save and close the file.

 Customize the color of the language selection page

  1. Log on to the Exchange server and use Windows Explorer to go to the Exchange server installation directory and find \V15\Client Access\OWA\version\Owa2\resources\styles.
  2. Use a text editor, such as Notepad, to open languageselection.css.
  3. Search for the default color value #0072c6 and replace it with the HTML RGB value for the color you want to use. You can find HTML RGB values here: Color Table.
  4. Save and close the file.

 Customize the images on the sign-in and error pages

Use an image editing tool to open and edit the images used to build the sign-in and error pages.

  1. Log on to the Exchange server and use Windows Explorer to go to the Exchange server installation directory and find \V15\FrontEnd\HttpProxy\owa\auth\<version>\themes\resources.
  2. Use a graphics editor to open and modify the following files:
    • owa_text_blue.png, to change the “Outlook Web App” text logo.
    • olk_logo_white.png, to change the app logo in the left bar.
    • olk_logo_white_cropped.png, to change the image in the left side panel of the error page.
    • sign_in_arrow.png, to change the icon left of the “sign in” button.
    • olk_exchange_text_blue.png, to change the “Outlook Mobile” logo on tnarrow layout.
    • olk_logo_white_small.png is used in tnarrow.
    • olk_exchange_text_stacked_white_small.png is used in tnarrow.
  3. Search for the default color value #0072c6 and replace it with the HTML RGB value for the color you want to use. You can find HTML RGB values here: Color Table.
  4. Save and close the file.

Reference: http://technet.microsoft.com/en-us/library/ee633483(v=exchg.150).aspx