Exploring the themes in SAP Fiori

Objective

After completing this lesson, you will be able to review the themes in SAP Fiori.

Log in to SAP SuccessFactors

Each SAP SuccessFactors user is assigned a username and password for your company's SAP SuccessFactors instance.

Additionally, your company is assigned a URL and Company ID. To log in to SAP SuccessFactors, enter the Company ID, username, and password when prompted on the Login screen. The look and feel of your Login screen depends on the theme used in the instance.

These images show where company ID, username, and password are entered on the Login screen
These images show the dialog boxes that display when a user chooses Forgot Password or Forgot Company ID on the Login screen

Theme Manager and Theming Strategies

You can use Theme Manager to control the look and feel of the SAP SuccessFactors system. You can select from a list of predefined themes or create custom themes, then assign them to different groups in your organization.

With Theme Manager, you can

  • Select from a list of predefined themes
  • Create new themes
  • Assign different themes to different groups in your organization (based on department, division, or location)
  • Apply a different theme to landing pages, like the home page
  • If you don't choose or create a default theme, the latest SAP Fiori theme is used by default for all groups.

Consider these different strategies for theming your SAP SuccessFactors system.

  • Use one of the predefined themes provided in Theme Manager as-is.
  • Create a custom theme based on one of the predefined themes in Theme Manager. First, duplicate one of the predefined themes to use as a starting point. Then, change some theme settings to apply your brand, such as logo or header background color, and keep most predefined colors and settings.

Note

If you use a custom theme, you can define the color for many, but not all, UI elements. Colors that can't be defined in Theme Manager or that you choose not to define in your custom theme are defined by the current SAP Fiori base theme instead.

Themes and Horizon Visual Theme for SAP Fiori

The Horizon visual theme is the latest evolution of the SAP Fiori design system. It's enabled by default in all SAP SuccessFactors systems and available on the most commonly used pages in the HCM Suite.

The Horizon visual theme is a purely visual change. There's no impact on functionality or data. On pages that use the Horizon visual theme, you see the following visual changes:

  • Updated visual treatment, such as rounded corners and drop shadows
  • Updated typography, such as font sizes and font weights
  • Updated default color palette, with higher contrast
  • Updated theming, with more consistent use of colors in custom themes
  • Updated icon set
  • Updated spacing, such as margins and padding

It's important to understand the relationship between themes in the SAP Fiori design system and themes in the SAP SuccessFactors HCM Suite. Both impact the look and feel of your SAP SuccessFactors system but in different ways.

SAP SuccessFactors uses SAP Fiori visual themes as the base for colors and styling in the HCM Suite.

Visit the SAP Help Portal for more information: Managing the SAP SuccessFactors User Experience.

Summary

  • Log in to SAP SuccessFactors using your Company ID, username, password, and the assigned instance URL.
  • Use Theme Manager to select predefined themes, create custom themes, and assign themes to specific groups.
  • The Horizon visual theme introduces modernized design elements, such as updated typography, colors, and spacing.
  • SAP SuccessFactors themes are based on the SAP Fiori design system for consistent colors and styling.
  • Custom themes let you apply branding while maintaining most predefined Fiori visual elements.