Customizing › Custom Branding › Themes

Themes

A theme specifies the settings for the following look-and-feel elements:

• Images and icons (except for logos)
• Menus
• Tabs
• Toolbars
• Wizards

When applicable, these elements include the following specifications:

• Colors (especially background colors)
• Font name and point size
• Highlighting, such as bold or underline
• Position on a page or dialog

You customize these look-and-feel elements by editing the Cascading Style Sheet (CSS) files for the theme. Each theme includes the following CSS files:

• logon.css, which applies to the login page only
• main.css, which applies to other product pages

Important! Always back up a CSS file before editing it, so that you can return to the original specifications if necessary.

You copy and modify predefined CSS files as part of the process of creating a theme.

A theme is organized in folders, with one top-level folder for each theme. In addition to the CSS files, a theme includes several other supporting files and several folders. You do not need to edit these additional files and folders. However, you copy them as a group when you copy and modify a CSS file.

Review the overview of custom branding for important information about logos, the login page, themes, and global page elements. Verify that the customizations you plan to make to each one are compatible with each other, to help provide a consistent look-and-feel to users.