Create a theme for Outlook on the web in Exchange 2016

[Dieses Thema gehört zur Vorabdokumentation und kann in künftigen Versionen geändert werden. Leere Themen wurden als Platzhalter hinzugefügt. Wenn Sie Feedback dazu haben, freuen wir uns über Ihre Nachricht. Senden Sie uns eine E-Mail an: ExchangeHelpFeedback@microsoft.com.]  

Gilt für:Exchange Server 2016

Learn how to create a custom theme for Outlook im Web in Exchange 2016.

A theme defines the colors, fonts, and images that are displayed to users in Outlook im Web (formerly known as Outlook Web App) in Exchange Server 2016. Each theme is a collection of files that are stored on the Exchange server. The built-in themes are described in the Default Outlook im Web themes in Exchange 2016 section at the end of this topic.

The basic steps to create a new theme for Outlook im Web are:

  1. Copy the folders and files of an existing theme, and rename the copied folders and files.

  2. Configure the display name and sort order of the new theme.

  3. Customize the new theme.

  4. (Optional) Set the new theme as the default, and prevent users from selecting themes.

  5. Restart IIS for the changes to take affect.

If you use multiple Exchange servers for Outlook im Web client connections, you need to copy the new theme to each server. You should also create a backup copy of the new theme so you can copy the files back after you reinstall or upgrade the Exchange server.

After you create a theme, you may also want to customize elements that are common to all themes. For more information, see Customize the Outlook on the web sign-in, language selection, and error pages in Exchange 2016.

  • Estimated time to complete this task: 45 minutes.

  • Bevor Sie diese Verfahren ausführen können, müssen Ihnen die entsprechenden Berechtigungen zugewiesen werden. Informationen zu den von Ihnen benötigten Berechtigungen finden Sie unter "Outlook im Web virtual directories" entry in the Berechtigungen für Clients und mobile Geräte topic. The account you use also needs to be a member of the local Administrators group on the Exchange server.

  • The light version of Outlook im Web doesn't support themes.

  • To replace an existing color with a new color, you need the HTML RGB value of the new color. You can find HTML RGB values at Color Table. If you can't find the color there, you can use an image editing tool or an HTML color codes web site to determine its HTML RGB value.

  • Don't delete the folder %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\base, or any files in it.

  • If you decide to directly edit an existing theme (not a copy of the theme), make a backup copy of the original files before you modify them.

  • Informationen zu Tastenkombinationen für die Verfahren in diesem Thema finden Sie unter Tastenkombinationen in der Exchange-Verwaltungskonsole.

tipTipp:
Sie haben Probleme? Bitten Sie in den Exchange-Foren um Hilfe. Sie finden die Foren unter folgenden Links: Exchange Server, Exchange Online oder Exchange Online Protection.

You can inspect the built-in themes by opening a mailbox in Outlook im Web, selecting Settings, and then selecting Change theme.

Ändern des Designmenüspeicherorts in Outlook im Web

You can use the information in the Default Outlook im Web themes in Exchange 2016 section at the end of this topic to match the display name of the theme in Outlook im Web to the name of the theme folder on the Exchange server.

The theme files and folders are stored in the following locations:

  • %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\ contains the theme folder that holds the header image, theme preview image, and theme description text.

  • %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles\ contains the _fabric.color.variables.theme.<ThemeFolderName>.less and fabric.color.theme.<ThemeFolderName>.css files that define the colors that are used in the theme.

    Note: The <ExchangeVersion> subfolder uses the syntax 15.1.nnn.nn, and indicates the Exchange Cumulative Update (CU) that's installed.

After you've identified the theme that's closest to what you want (for example, with or without a header image), you need to copy the theme folder and the corresponding files, and then rename the copied folders and files

  1. In File Explorer, browse to %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes.

  2. Select an existing theme folder in the \themes folder, copy it, and then paste it back into the \themes folder. This results in a new folder named <ThemeFolderName> - Copy.

    Note: An easy way to copy and paste the theme folder is to select the folder, press the Control key + C, and then press the Control key + V.

  3. Rename the new theme folder that you created in the previous step. For example, fourthcoffee.

    Note: An easy way to rename the folder is to select it, and then press the F2 key.

  4. In File Explorer, browse to %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles\.

  5. Locate the files named _fabric.color.variables.theme.<ThemeFolderName>.less and fabric.color.theme.<ThemeFolderName>.css that correspond to the theme folder you copied in step 2. Select each file, copy it, and paste it back into the \styles folder. This results in new files named _fabric.color.variables.theme.<ThemeFolderName> - Copy.less and fabric.color.theme.<ThemeFolderName> - Copy.css.

  6. Rename the new files that you created in the previous step. The <ThemeFolderName> value must match the folder name from step 3. For example, _fabric.color.variables.theme.fourthcoffee.less and fabric.color.theme.fourthcoffee.css.

You need to configure a unique display name and sort order for the new theme, because the new theme has the same display name and sort order as the theme you copied. The theme's display name appears in the Change theme panel in Outlook im Web. The sort order determines where the theme appears in the list of themes.

  1. Use Notepad to open the file named themeinfo.xml in the new theme folder %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\<NewThemeFolder> that you created in Step 1. The contents of the file look like this:

    <theme displayname="__<CopiedThemeName>__" sortorder="<CopiedThemeSortOrder>" />

  2. Change the <theme displayname="__<CopiedThemeName>__" value to the value you want. For example displayname = "Fourth Coffee Corporate Theme".

    Note: The theme display name value "__<ThemeName>__" is a code string that's localized into different languages. The text value that you specify for the new theme isn't localized into different languages.

  3. Change the sortorder="<CopiedThemeSortOrder>" integer value to the unique value you want. A lower value appears earlier in the list of themes. You can use the information in the Default Outlook im Web themes in Exchange 2016 section at the end of this topic to find the sort order values for the built-in themes. The Default theme has sortorder="0", and appears first in the list.

    • If you want to insert your new theme among the list of built-in themes, change the number to a unique value that isn't already in use. For example, if you want your new theme to appear second in the list, you can use the value sortorder="5".

    • If you want to replace the position of a built-in theme in the list, set the number to the same value as built-in theme, and then change the sort order for the built-in theme. For example, if you want your new theme to appear first in the list, you need to set your new theme to sortorder="0". But, you also need to open the themeinfo.xml file in the \base folder (the Default theme) to change the value sortorder="0" to something else (for example, sortorder="5").

  4. When you're finished, save and close the themeinfo.xml file.

Theme image files are stored in the following folders in %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\<ThemeFolderName>:

  • \images\0   These files are used in left-to-right languages.

  • \images\rtl   These files are used in right-to-left languages. Depending on the image, the file might be exactly the same as the left-to-right version, or it might be reversed (right-to-left instead of left-to-right).

The image files that exist in these folders are described in the following table:

 

File name Dimensions (width x height in pixels) Bit depthDescription

headerbgmaing2.png

2000 x 50

32

The header image for themes that use a static header image. The size of the file varies.

If the theme doesn't use a static header image, the file is 1 x 1, and the size is 2815 bytes.

headerbgmaing2.gif

2000 x 50

24

The header image for themes that use an animated header image. The size of the file varies.

If the theme doesn't use an animated header image, the file is 1 x 1, and the size is 43 bytes.

themepreview.png

64 x 64

24 or 8

The small square image that represents the theme in the Change theme panel in Outlook im Web.

For the Default theme and the Black theme, this file 1 x 1, and the preview image is a black square.

You can edit the existing image file, or replace the file with a new file that has the same name and dimensions.

Theme colors are defined in the following files in the %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles folder:

  • fabric.color.theme.<ThemeFolderName>.css

  • _fabric.color.variables.<ThemeFolderName>.less

If you change a color value, you need to change all references to the color in both files.

Setting a new default theme only affects users who haven’t manually selected their theme. To force all users to use the default theme, you also need to disable theme selection in Outlook im Web. These settings affect all users who connect to Outlook im Web through the Exchange server.

To set the default theme and prevent users from changing their theme in Outlook im Web, use the following syntax:

Set-OwaVirtualDirectory -Identity <VirtualDirectoryIdentity> -DefaultTheme <ThemeFolderName> -ThemeSelectionEnabled $false

This example configures the theme folder named fourthcoffee as the default theme in Outlook im Web for the default website on the server named Mailbox01.

Set-OwaVirtualDirectory -Identity "Mailbox01\owa (Default Web Site)" -DefaultTheme fourthcoffee -ThemeSelectionEnabled $false

Notes:

  • By default, the value of the DefaultTheme parameter is blank ($null). This value indicates that no default theme is specified, and the theme named Default is used if the user hasn't manually selected a theme.

  • Exchange doesn't validate the value that you specify for the DefaultTheme parameter. Make sure that the theme exists.

  • To specify a default theme for specific users that overrides the default theme setting on the Outlook im Web virtual directory, use the DefaultTheme parameter on the Set-OwaMailboxPolicy cmdlet.

You need to restart Internetinformationsdienste (IIS) for the changes to take effect.

  1. Open IIS Manager on the Exchange server. An easy way to do this in Windows Server 2012 or later is to press Windows key + Q, type inetmgr, and select Internet Information Services (IIS) Manager in the results.

  2. In IIS Manager, select the server.

  3. In the Actions pane, click Restart.

Wählen Sie in IIS-Manager den Server aus, und klicken Sie im Aktionsbereich auf „Neustart“.

Note: To perform this procedure on the command line, open an elevated command prompt on the Exchange server (a Command Prompt window you open by selecting Run as administrator) and run the following command:

iisreset /noforce

To verify that you've successfully created an Outlook im Web theme, perform the following steps:

  1. Open a mailbox in Outlook im Web. On the Exchange server, you can test your theme by opening the URL https://localhost/owa or https://127.0.0.1/owa.

  2. Depending on the settings you configured, verify the new theme is used by default, or verify that you can see and select the new theme at Settings > Change theme.

  3. If you don’t see your changes after you restart IIS, clear your browsing history (delete temporary Internet files), and refresh the browser window.

The built-in Outlook im Web themes are located in the folder %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes, and are described in the following table.

 

Folder name Display name in Outlook im Web Sort order in Outlook im Web (lower listed first)Header image type

angular

Angular 80's

110

Static

balloons

Balloons

240

Static

base

Default

0

None

beach

Beach Sunset

40

Animated

black

Black

670

None

blueberry

Blueberry

600

None

blueprint

Blueprint

120

Static

bricks

Bricks

20

Static

cats

Cats

300

Static

chevron

Chevron

80

Static

circuit

Circuit

130

Static

comic

Comic Book

170

Static

contrast

Contrast

500

None

cordovan

Cordovan

650

None

crayon

Crayon

140

Static

cubes

3D Cubes

190

Static

cubism

Cubism

310

Static

darkcordovan

Dark Cordovan

660

None

darkorange

Dark Orange

620

None

diamonds

Floating Diamonds

160

Static

far

Far, Far Away

150

Animated

grape

Grape

610

None

jelly

Jelly Fish

70

Animated

lightblue

Light Blue

530

None

lightgreen

Light Green

540

None

lite

Lite

510

None

mediumdarkblue

Dark Blue

640

None

minimal

Minimal

520

None

modern

20th Century Modern

280

Static

mountain

Mountain Peak

50

Static

orange

Orange

580

None

paint

Finger paints

290

Static

pink

Pink

550

None

pixel

Pixel Pop

60

Static

polka

Polka Dot

200

Static

pomegranate

Pomegranate

590

None

primary

Primary

180

Static

raspberry

Raspberry

570

None

robot

Robot

100

Animated

simple

Simple Facets

230

Static

spectrum

Spectrum Facets

90

Static

strawberry

Strawberry

250

Static

super

Super sparkle happy

10

Static

teagarden

Tea Garden

210

Static

teal

Teal

550

None

watermelon

Watermelon

630

None

whale

Whale of a Time

30

Animated

whimsical

Whimsical

220

Static

wntrlnd

Winterland

260

Static

wrld

One World

270

Static

 
Anzeigen: