Product documentation Docs
    • English
    • Deutsch
    • 日本語
    • 한국어
    • Français
  • More Sites
    • Now Community
    • Developer Site
    • Knowledge Base
    • Product Information
    • ServiceNow.com
    • Training
    • Customer Success Center
    • ServiceNow Support Videos
  • Log in

Product documentation

  • Home
How search works:
  • Punctuation and capital letters are ignored
  • Special characters like underscores (_) are removed
  • Known synonyms are applied
  • The most relevant topics (based on weighting and matching to search terms) are listed first in search results
Topics are ranked in search results by how closely they match your search terms
  • A match on the entire phrase you typed
  • A match on part of the phrase you typed
  • A match on ALL of the terms in the phrase you typed
  • A match on ANY of the terms in the phrase you typed

Note: Matches in titles are always highly ranked.

  • Release version
    Table of Contents
    • Now Platform user interface
Table of Contents
Choose your release version
    Home Madrid Now Platform User Interface Now Platform user interface User interface configuration Customizing instance appearance CSS theme support Create or customize a theme

    Create or customize a theme

    • Save as PDF Selected topic Topic & subtopics All topics in contents
    • Unsubscribe Log in to subscribe to topics and get notified when content changes.
    • Share this page

    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.

    Tags:

    Feedback
    On this page

    Previous topic

    Next topic

    • Contact Us
    • Careers
    • Terms of Use
    • Privacy Statement
    • Sitemap
    • © ServiceNow. All rights reserved.

    Release version
    Choose your release version

      Create or customize a theme

      • Save as PDF Selected topic Topic & subtopics All topics in contents
      • Unsubscribe Log in to subscribe to topics and get notified when content changes.
      • Share this page

      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.

      Tags:

      Feedback

          Share this page

          Got it! Feel free to add a comment
          To share your product suggestions, visit the Idea Portal.
          Please let us know how to improve this content

          Check any that apply

          To share your product suggestions, visit the Idea Portal.
          Confirm

          We were unable to find "Coaching" in Jakarta. Would you like to search instead?

          No Yes
          • Contact Us
          • Careers
          • Terms of Use
          • Privacy Statement
          • Sitemap
          • © ServiceNow. All rights reserved.

          Subscribe Subscribed Unsubscribe Last updated: Tags: January February March April May June July August September October November December No Results Found Versions Search preferences successfully updated My release version successfully updated My release version successfully deleted An error has occurred. Please try again later. You have been unsubscribed from all topics. You are now subscribed to and will receive notifications if any changes are made to this page. You have been unsubscribed from this content Thank you for your feedback. Form temporarily unavailable. Please try again or contact  docfeedback@servicenow.com  to submit your comments. The topic you requested does not exist in the release. You were redirected to a related topic instead. The available release versions for this topic are listed There is no specific version for this documentation. Explore products Click to go to the page. Release notes and upgrades Click to open the dropdown menu. Delete Remove No selected version Reset This field is required You are already subscribed to this topic Attach screenshot The file you uploaded exceeds the allowed file size of 20MB. Please try again with a smaller file. Please complete the reCAPTCHA step to attach a screenshot
          Log in to personalize your search results and subscribe to topics
          No, thanks Login