Theming

Applying a consistent visual identity across every control, including the parameters an app may read and the custom themes an organisation may build.

Overview

SAP SHIPS
Freestyle →

@openui5/sap.ui.core The OpenUI5 core: the module loader, the MVC runtime, data binding, routing, theming and the test stack, which is everything a UI5 app does before a single community package is added.

Web Components →

@sap-theming/theming-base-content The colour, font and metric definitions of the SAP themes, published as Less, CSS variable, SASS and JSON parameter sets for an HTML framework to read.

@ui5/webcomponents SAP's UI elements as standard custom elements, ui5-button among them, implementing SAP Fiori design and usable from plain HTML, React, Angular or Vue.

SourceSAPUI5 — Themingchecked
THE COMMUNITY ADDS

SAP publishes the theme parameter values separately from the framework, in @sap-theming/theming-base-content, as Less, CSS variable, SASS and JSON sets that a custom theme from the UI Theme Designer connects to.

Artifacts3

3 of 3 artifacts
ArtifactSignals
Packages3
@openui5/sap.ui.coreFramework core: module loader, MVC runtime, binding, routing, theming
Signals
none
@sap-theming/theming-base-contentColour, font and metric definitions of the SAP themes
Signals
none
@ui5/webcomponentsSAP's UI elements as standard custom elements
Signals
Functional boundary

Content1

Group by
Piece, what it offers
Bringing SAP themes to any web app with coding agents
YouTube — SAP Developers playlists, SAP Developers, Talk

Seen working1

ArtifactSignals
Samples1
SAP-samples/ui5con-2025-theming-workshopUI5con 2025 workshop on theming with UI5's CSS custom properties
none

Details

Coverage
statecore only, UI5
assessed
SourceSAPUI5 — Themingchecked
For your agent