Access the SAP UI Theme Designer

This guide has been updated. The Launchpad Service has been renamed to SAP Build Work Zone

This comprehensive guide provides a step-by-step walkthrough for accessing the SAP UI Theme Designer, which allows you to create UI5 Themes. It will assist you in gaining access to the SAP UI Theme Designer by outlining the necessary steps. Please note that this guide might contain outdated content, and if there have been any changes made by SAP since then, kindly inform us at the Community so that we can promptly update the guide.

Step-by-step guide

Open the SAP Business Technology Platform (BTP) Cockpit and sign in or register.

sap edition theme designer2 1

Head to your Trial Home. Depending on where you are in the process, your path to the trial home might be different.

sap edition theme designer

sap edition theme designer2 2

Create a sub account if it’s not already there and open it.

sap edition theme designer2 3

Open the Service Marketplace. Search for SAP Build Work Zone and create it as a subscription.

sap edition theme designer2 4

Now you need to add roles to your user. Open the Users menu.

sap edition theme designer2 5

Now, open your user.

sap edition theme designer2 6

Assign Launchpad_Admin and Launchpad_Advanced_Theming role collections to your user.

sap edition theme designer2 7

SAP BTP needs to be completely refreshed to know about your new roles. This can involve a complete wipe of your browser cache.

Once you have done this, open the Launchpad service. This will happen in a new window:

sap edition theme designer2 8

Create a new site:

sap edition theme designer2 9

Open your new site:

sap edition theme designer2 10

Open Theme Manager:

sap edition theme designer2 11

Launch Theme Designer:

sap edition theme designer2 12

You now have access to the SAP UI Theme Designer. Save the link as a bookmark for easy access in the future.

Remember to log into the BTP Cockpit once a month to keep access to your account

sap edition theme designer2 13

sap edition theme designer2 14

Upon completion of the creation of your newly crafted theme, it is imperative to export it prior to importing it into the Neptune Cockpit Theme Service.

sap edition theme designer2 15

The following are the settings that necessitate verification within the export dialog. In the event that any of the files are absent from the export file, the import process into the Neptune Cockpit Theme Service will encounter failure. sap edition theme designer2 16

Accessing the UI Theme Designer on Cloud Foundry

The SAP UI Theme Designer runs in the Neo environment and the Cloud Foundry environment. To access the SAP UI Theme Designer in the Cloud Foundry environment, you might need to perform a few extra steps, check out the documentation for Accessing the UI Theme Designer on Cloud Foundry.

Read more about Neptune Theming