Create a theme record for your web or mobile experiences by using the Home view in the Theme Builder application.

Before you begin

Role required: admin

Procedure

  1. Navigate to All > Now Experience Framework > Themes > Theme Builder.
    The Theme Builder landing page opens in a new tab and is displayed in the Home page view.
    Figure 1. Theme Builder Home screen
    Theme Builder Home screen
  2. Select Create a theme.
    The Before we get started wizard appears to guide you through your brand configurations, as described in the next steps. The theme record is saved automatically as you work.
    Figure 2. The Before we get started wizard
    Before we get started wizard with Continue selected.
  3. Start defining your new theme by selecting Continue.
  4. Insert the name and a description of your new theme, and select Next.
  5. Select the Primary tile, select your brand’s primary color, and review the simplified preview to see where the selected color displays in your instance.
    Note: In the Color Name dialog box, you can select the color model that you prefer: HEX, RGB, or HSL.
    Figure 3. Your brand's primary color
    Your brand's primary color
  6. After you identify the primary color of your brand, select Apply, and then select Next.
  7. If your brand includes a secondary color, repeat the previous step on the secondary color screen.
  8. Repeat the previous step to define a neutral brand color for divider lines and surface containers.
  9. (Optional) Choose additional colors for your brand and select Next.
  10. Upload your brand logo and review the simplified preview to verify that it appears as expected with the primary color you chose, and then select Next.
    Note: If you don’t add a logo, the ServiceNow logo will be used.
  11. Select the preferred font for your text and select Next.
  12. Select the corner shape of your components in the interface, such as the buttons, modals, and drop-down menus, and select Next.
  13. Review your selections and select Create theme.
    Note: You can select Back to make changes in the wizard before selecting Create theme. After creating a theme, any edits you make are automatically saved.
    After creating your theme in the wizard, you’re directed to the Editor view of the theme where you can continue modifying or publish your theme.