You can create themes or customize existing themes.

Before you begin

Role required: admin

Procedure

  1. Navigate to All > System UI > Themes.
  2. Choose from the following options.
    • To create a new theme, click New.
    • To customize an existing theme, click the theme name.
  3. Enter a name for the theme in the Name field.
  4. Add any of the default CSS styles in the CSS field.
    Sometimes the default style is not the only style definition for an object. In such cases, you can use the CSS important rule format to override any other style definitions with the default definition. For example, this definition overrides the text color in the main navigation: $navpage-nav-color-sub: #fff !important.
  5. Select the Active check box.
  6. Select one of the following from the Device choice list to identify the user interface version for the theme.
    OptionDescription
    Browser Identifies a Legacy UI11 theme.
    Doctype Identifies a Legacy UI15 theme.
    Concourse Identifies a Core UI theme.
  7. Click Submit.

What to do next

Refresh the page to see the new theme in the theme picker. The theme picker displays only themes that are compatible with the current version of the UI.