UI theme designer

With UI theme designer you can easily adapt the user interface of SAP Fiori applications to your corporate branding. In this process you create a custom theme based on an SAP theme. This post gives an overview of what is part of a theme, and what... Read More »

ui5.sap.com with all themes of the Belize family applied: High Contrast White, Belize, High Contrast Black and Belize Deep The Belize theme was the first evolution for initially Bluecrystal-themed SAP Fiori applications. It was also the first theme... Read More »

Version 11.1.36 of the @sap-theming/theming-base-content introduced two new sets of parameters: @sapField_BackgroundStyle that should be used for the CSS background shorthand property (as well as @sapField_InvalidBackgroundStyle and others for... Read More »

The open-source @sap-theming/theming-base-content brings theme-ability to your technology stack. To implement an SAP Fiori theme you simply have to use the custom css properties provided by this npm package. The set of theming parameters is the... Read More »

Fiori is SAP’s award-winning UX approach. Application frameworks like SAP UI5 or Web Dynpro ABAP as well as component libraries like UI5 Web Components or Fundamental Library Styles offer rich features to deliver this UX to customers. With... Read More »

Hi Experts, The holiday season is around the corner, and it’s time to put a smile on your co-workers’ faces, so I’ve put together a little Holiday Season theme :). You can find the download link below the image. Download link –... Read More »

Introduction In this blog post I’d like to introduce new theming parameters for the Shell Navigation. Shell Navigation is the main and default navigation displayed on the SAP Fiori launchpad home page. It offers an easy access to multiple pages... Read More »

We’ve been working on a project for a client that is partly external and so the client had requested that the App adhere to their internal Style Guide. We previously used the style.css file for this but we often encountered issues: The CSS was... Read More »

The UI theme designer is the browser-based SAP tool for cross-theming scenarios—a single tool for theming and branding key SAP user interfaces. Use it to build your corporate identity themes quickly and easily by modifying theme templates provided... Read More »

In this blog I want to update you on the supported browsers for UI theme designer. This concerns only the UI theme designer tool itself. For the support of the created themes please see the browser support section for the used SAP UI... Read More »