Theme Settings

You can modify theme settings to customize the application's default color, font, and browser title. You can choose to apply the theme settings for all users or allow each user to select their preferred color and font. This is an instance-specific configuration.  

Role Required: SDAdmin for instance-wide configuration.

Customizing Application's Colors and Fonts  

Color customization is available for the application's body background, header background, texts, tabs, and buttons. Font selection is common for all UI texts.

Theme Customization

1. Navigate to Admin > General Settings > Theme.

2. Under the Theme tab, do one of the following.

           Use preset color combination:

• To select a preset color combination, click one of the four preset colors and then click Save.

           Use custom color combination:

1. To select a custom color combination, click Custom Colors.
2. Click the color selection box against the UI element you want to customize.
3. Choose a preferred color from the color gamut.
4. Finally, click Save.
    

Font Customization

You can customize the application font by selecting your preferred font from the font list. The font list is a subset of fonts available in the font library that includes both preloaded fonts and custom/third-party fonts that you have added.

To change the font used in the application,

1. Go to Admin > General Settings > UI Customization > Theme.

2. Select your preferred font from the drop-down list under the Font section.

3. Finally, click Save.

Upload Fonts 

To upload a new font to the library,

1. Go to Admin > General Settings > UI Customization > Theme.
2. Click Customize on the Font section header.
3. In the font customization pop-up, click Add.
   • To add a font from the OS library:
   1. Specify the name of the font that you want to add.
   • To add a font that is not available in the OS library
   1. Provide a unique name for the font.
   2. Upload the required file in the supported format. 
4. Finally, click Add.

Once the font is added to the library, it will be shown on the left pane. By default, the newly added fonts will be in the disabled state and will not be available for use. To make it available for use, click the status-switch icon against the name of the font. Theicon indicates that the font is enabled for use and the icon indicates that the font is not available for use.

Font Preview

To preview a font,

1. Go to Admin > General Settings > UI Customization > Theme.

2. Click Customize on the Font section header.

3. In the font customization pop-up, click the name of the font you want to preview and then go to the Preview tab on the right-side pane.

 Edit fonts  

You can edit the font name or upload a new font file for the fonts that you have added to the library.

To do this,

1. Go to Admin > General Settings > UI Customization > Theme.

2. Click Customize on the Font section header.

3. In the font customization pop-up, hover over the custom font that you want to edit and click Edit Font.

4. Make the necessary changes.

5. Click Update.

6. Finally, click Proceed to confirm your action.
    

 Delete Fonts 

You can delete fonts that you have added to the font library.

To do this,

1. Go to Admin > General Settings > UI Customization > Theme.

2. Click Customize on the Font section header.

3. In the font customization pop-up, hover over the custom font that you want to delete and click Delete Font.

4. Finally, click Proceed to confirm your action.
    

 Font Library History 

Changes made to the font library such as adding to the font list, removing from the font list, adding font, deleting a font, etc are recorded in history.

To view font library changes,

1. Go to Admin > General Settings > UI Customization > Theme.

2. Click Customize on the Font section header.

3. In the font customization pop-up, click History on the right-side pane.

Make sure that the checkbox Allow other users to personalize their theme and font is enabled to permit all users to choose their preferred color and font. When the checkbox is enabled, technicians and requesters can personalize color and font from their respective portals. Click the appropriate links below to learn more.

• Technician personalization (All technicians and users with SDAdmin Role)

• Requesters personalization (All other users)

Browser Title Customization

The default browser title can be customized to display the selected module name. For the details page, the browser title can be configured to display customized dynamic titles using variables such as request id, asset name, etc.

To customize browser title:

1. Navigate to Admin > General Settings > UI Customization > Theme.

2. Under the Browser Title tab, choose Default Title or Selected Module Name. The former sets the title to "ManageEngine ServiceDesk Plus" and the latter sets the title based on the module name of the current page. For example, if the current page is in the Admin module, then the title will be Admin.

3. You can also configure the titles of the details page separately. To do this, click the respective checkbox and enter the custom title. Add variables using the dollar sign for dynamic custom titles. For example, if you want the browser title of the request details page to display the request id and subject enter #$id, $subject in the text box. Below is the module-wise list of supported variables available for browser title customization. 
 

4. Finally, click Save.

Configuration History

All color, font, and browser title changes are recorded by the application. You can access it under Admin > General Settings > UI Customization > Theme > History.

To view the history of color and font changes, click the Theme radio button.

To view the history of browser title changes, click the Browser Title radio button.