Create or customize a theme

You can create new themes or customize existing themes.

Before you begin

Role required: admin

Procedure

  1. Navigate to System UI > Themes.
  2. 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.
    In some cases 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 mandatory text color: label.mandatory.text.color: #FF0000 !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 UI11 theme.
    Doctype Identifies a UI15 theme.
    Concourse Identifies a UI16 theme.
  7. Click Submit.

What to do next

You must 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.