Thank you for your feedback.
Form temporarily unavailable. Please try again or contact docfeedback@servicenow.com to submit your comments.
Versions
  • Madrid
  • London
  • Kingston
  • Jakarta
  • Istanbul
  • Helsinki
  • Geneva
  • Store
Close
Home Madrid Platform User Interface Now Platform User Interface User interface configuration Customizing instance appearance CSS theme support Create or customize a theme
  • Versions
  • Products

Contents

Create or customize a theme

Log in to subscribe to topics and get notified when content changes.

SAVE AS PDF

Create or customize a theme

You can create 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.
    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 UI15 theme.
    Concourse Identifies a UI16 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.
Send Feedback
Feedback