More information

Feedback

(Lab Preview Screenshot)

One single tool for theming and branding SAP’s key user interfaces

The UI theme designer is SAP's browser-based tool for cross-theming scenarios. Use it to easily build your corporate identity themes by modifying one of the theme templates provided by SAP. For example, you can change the color scheme, or add your company's logo.

Key Capabilities

• Browser-based, graphical WYSIWYG editor
• Build-in preview pages: application previews and control overview pages
• Different levels of theming:
  • Quick theming (basic cross-technology theme settings)
  • Expert theming (technology-specific theme settings)
  • Manual theming based on LESS
• Cross-technology theming: Create one consistent theme that applies to various SAP UI clients and technologies. Supported SAP UI clients and technologies:
  • Unified Rendering (Web Dynpro ABAP, Floorplan Manager)
  • SAPUI5 (e.g. SAP Fiori apps)
  • SAP NetWeaver Business Client
  • SAP NetWeaver Portal

Delivery Channels

The UI theme designer is available for the following platforms:

• User Interface Add-On for SAP NetWeaver (as of SP04)
• SAP NetWeaver 7.40 software component SAP_UI
• SAP NetWeaver Portal (as of 7.3 SP10, 7.31 SP09)
• SAP HANA Cloud (Beta version available as of October 2013)

Test it NOW!

You can access the Cloud-based version of the UI theme designer at https://themedesigner.hanatrial.ondemand.com/

Note: If the error "HTTP Status 400 - Possible XSRF attack: no valid xsrfProtection parameter was found" is returned when you try to open the link above, go to https://account.hanatrial.ondemand.com, click "Log on", and accept the terms and conditions. If you now reload the UI theme designer application, the error should no longer be displayed.

More Information

Product Documentation

Check out our product documentation on the SAP Help Portal:

• UI Add-On 1.0(also available as PDF)
• SAP HANA Cloud
• SAP NetWeaver Portal

SAP Notes

Support

Need help?

• Support information for UI Add-On version: SAP Note 1953840
• CSN Component for UI theme designer UI, Cloud and ABAP: CA-UI2-THD
• CSN Component for UI theme designer for Portal: EP-PIN-TOL-UTD

Feedback

Post your questions or comments in our new dev community!

We created the category "UI theme designer". So get blogging and mark the checkbox for the "UI theme designer" category before saving.

Find all our listed content (blogs, questions, documents) here.

News

The new UI theme designer version 1.6 was published with UI Add-On SP10. Check out the new features! For an overview of the changes, see What's New in UI Theme Designer.

Useful Links & Blogs

• UI theme designer @ SAP UX explorer
• Supported SAP Standard Themes
• Color your life
• SAP User Interface Technologies – road map
• Theming your Neptune UI5 App with SAP Theme Designer
• SAP Fiori Launchpad Theming
• SAPUI5 SDK Theming

Product Videos

Overview Videos

UI theme designer is the strategic tool for theming and branding of key SAP UI technologies. This video gives you an overview of the main features and functions and of the UI technologies which are supported, as well as best practices.

How-to-Videos

Please note that the videos are based on an early version of the UI theme designer. Features and UI texts may have changed in later versions. As soon as new videos are available they will be referenced here.

Further Screenshots