icon of product

UI Theme Designer

Apply your corporate branding to applications based on SAPUI5 technology.

Quick, expert and CSS level of theming

Supporting different skill levels: from simple parameters to expert theming and CSS editor.

WYSIWYG editor

Graphical web-based WYSIWYG editor using our controls, applications, and preview function.

Color palette option

Define frequently used colors for easy reuse to ensure consistency in your branding.

More Information

The UI theme designer lets you apply your corporate branding to applications built with SAP UI technologies. You can make changes to theme templates supplied by SAP to create custom themes that use your own color scheme, background images, and company logo. You can apply a custom theme to various SAP UI clients and technologies. Additionally, you can include your own custom CSS files without having to modify any of your applications.

{{'What do I get with ' + product.header + '?'}}

Contract Type

Environment, Provider and Region

Prices may differ depending on the environment, region, and infrastructure provider you select here.
Select environment
Select region
Select IAAS Provider
Service Plans

Change currency?

The products currently in the estimator have a different currency and will be removed if you proceed.

{{ selectedServicePlan.name }}

{{ selectedServicePlan.description }}

{{ feature.name }}
{{ feature.value }}
{{ 'Price on ' + selectedContractTypeName }}

For questions about pricing, please Contact Us. Add {{ selectedServicePlan.header }} to the estimator to calculate your potential costs.

Unit Block size Price per Block
{{ getMetric(blockRate.metricId).name }}

{{ getMetric(blockRate.metricId).description }}

{{ blockRate.blockSize }} {{ blockRate.pricePerBlock.currency + ' ' + new Intl.NumberFormat('en-US').format(blockRate.pricePerBlock.amount) }}
Quantity Unit Price per Unit
{{ tier.bound ? 'Up to ' + tier.bound : 'From ' + allUnitVolumeRate.tiers[tierIndex - 1].bound }}
{{ getMetric(allUnitVolumeRate.metricId).name }}

{{ getMetric(allUnitVolumeRate.metricId).description }}

{{ tier.pricePerUnit.currency + ' ' + new Intl.NumberFormat('en-US').format(tier.pricePerUnit.amount) }}
Quantity Unit Block size Price per Unit
{{ tier.bound ? 'Up to ' + tier.bound : 'From ' + tierRate.tiers[tierIndex - 1].bound }}
{{ getMetric(tierRate.metricId).name }}

{{ getMetric(tierRate.metricId).description }}

{{ tierRate.blockSize }}
{{ tier.pricePerUnit.currency + ' ' + new Intl.NumberFormat('en-US').format(tier.pricePerUnit.amount) }}

To use {{ product.shortName }}, you need the following:

Name Description
{{ prerequisite.name }} {{prerequisite.description}}
What do I get with the {{ selectedContractTypeName }} model?

The technical components of the following products will be automatically provisioned when you activate {{ product.header }} on {{ selectedContractTypeName.toLowerCase() }}. The prices for these will be consumption-based.
Click on a product to get more information.

Name Description
{{ referencedProduct.shortName }} {{ referencedProduct.smallDescription }}
Technical components of {{ product.shortName }} on {{ selectedContractTypeName }}.

Technical components of {{ product.shortName }}. These may vary depending on region availability. Click on an item to get more information about the component.

Name Type
{{ technicalAsset.name }} {{ technicalAsset.type }}

About the Publisher

icon of provider

As the market leader in enterprise application software, SAP is at the center of today's business and technology revolution. Our innovations enable 300,000 customers worldwide to work together more efficiently and use business insight more effectively.