Skip to content

Comments

feat(framework): scope --sap variables#13128

Open
nnaydenow wants to merge 8 commits intomainfrom
css-vars2
Open

feat(framework): scope --sap variables#13128
nnaydenow wants to merge 8 commits intomainfrom
css-vars2

Conversation

@nnaydenow
Copy link
Contributor

@nnaydenow nnaydenow commented Feb 23, 2026

Add scoped CSS variables (--ui5-sap*) alongside default --sap* variables to support custom themes built on older theme bases with missing variables.

The parameters-bundle.css now provides two files per theme:

  • default: uses --sap* variables (loaded by default)
  • scoped: uses --ui5-sap* variables (always applied as base)

Scoped variables serve as fallback values when external themes are loaded, ensuring components have proper theming even with incomplete custom themes. This works because UI5 Web Components skip loading the theme base when external themes are present.

A new skipThemeBase configuration option allows preventing the loading of default --sap* variables when needed.

Fixes: #12446

@ui5-webcomponents-bot
Copy link
Collaborator

ui5-webcomponents-bot commented Feb 24, 2026

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 24, 2026 08:44 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 24, 2026 08:58 Inactive
@nnaydenow nnaydenow requested review from ilhan007, pskelin and vladitasev and removed request for vladitasev February 24, 2026 12:23
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 24, 2026 12:29 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[TabContainer]: CSS variables not loaded correctly // Scoping suffix issue?

2 participants