{"ref":"content:devtoberfest-2026-sap-themes-with-coding-agents","page":"/content/devtoberfest-2026-sap-themes-with-coding-agents","json":"/content/devtoberfest-2026-sap-themes-with-coding-agents.json","generated":"2026-10-29","drafted_with_ai":true,"entity":{"id":"devtoberfest-2026-sap-themes-with-coding-agents","content_type":"talk","title":"Bringing SAP themes to any web app with coding agents","url":"https://www.youtube.com/watch?v=sl-U76hKJAQ","published":"2026-09-25","published_on":"source:youtube","author":"SAP Developers","summary":"A Devtoberfest 2026 session from SAP's UI theme designer team, in two halves. The first is how an SAP theme is built: seven reference tokens, the main tokens that carry the semantics, component tokens such as the emphasized button background, and derived tokens for states like hover — the inheritance chain that makes [theming](capability:ui5-theming) hard to follow by eye, and the reason a custom theme always derives from an SAP base theme. The second installs [SAP/ui-theme-designer-plugins-for-coding-agents](artifact:sap-ui-theme-designer-plugins) in Claude Code and has it apply SAP design tokens to a login screen built with a non-SAP component library, then make the page themeable from a theme root and a theme URL parameter; the design-tokens skill npm-installs the theming content to read current parameter values, and the help skill fetches the UI theme designer help pages at query time. The presenters state the skills are not limited to SAPUI5 and run in any coding agent that reads skills.","short":"How SAP themes are built and applied to web apps by coding agents","sources":[{"url":"https://www.youtube.com/watch?v=sl-U76hKJAQ","title":"Bringing SAP themes to any web app with coding agents — what the UI theme designer is","checked":"2026-10-19","quote":"this is a web-based tool for cross-technology theming at SAP"},{"url":"https://www.youtube.com/watch?v=sl-U76hKJAQ","title":"Bringing SAP themes to any web app with coding agents — custom themes derive from a base theme","checked":"2026-10-19","quote":"a custom theme is always derived from an SAP base theme"},{"url":"https://www.youtube.com/watch?v=sl-U76hKJAQ","title":"Bringing SAP themes to any web app with coding agents — component tokens","checked":"2026-10-19","quote":"On top of the main tokens, we provide component tokens."},{"url":"https://www.youtube.com/watch?v=sl-U76hKJAQ","title":"Bringing SAP themes to any web app with coding agents — the two skills in the plugin","checked":"2026-10-19","quote":"And inside this plugin, we provide currently two skills. One of the skills is related to our um help pages, but I will come up to them later. And one of them is for design tokens."},{"url":"https://www.youtube.com/watch?v=sl-U76hKJAQ","title":"Bringing SAP themes to any web app with coding agents — where the parameter values come from","checked":"2026-10-19","quote":"What we do then is call an NPM install on our theming content to get the latest version with all parameters and values."},{"url":"https://www.youtube.com/watch?v=sl-U76hKJAQ","title":"Bringing SAP themes to any web app with coding agents — the live demo","checked":"2026-10-19","quote":"And I have prepared a demo in which I want to instruct Claude to build a login screen and apply the whole SAP Theme Designer extension to it."},{"url":"https://www.youtube.com/watch?v=sl-U76hKJAQ","title":"Bringing SAP themes to any web app with coding agents — beyond SAPUI5","checked":"2026-10-19","quote":"It also works across the frameworks. It's not only for SAPUI5, you can use it for open UI5 web components and fundamental styles and all other frameworks you use in your project."}],"explains":["artifact:sap-ui-theme-designer-plugins","capability:ui5-theming",{"ref":"capability:agent-guidance","applies_to":{"ecosystems":["ui5"]}}],"provenance":{"discovered_via":[{"source":"source:youtube","channel":"devtoberfest-2026"}],"first_seen":"2026-10-19"},"drafted_with_ai":true},"readings":{"liveness":[{"label":"Checked against the source","tier":"unknown","evidence":"nobody has checked it"},{"label":"Source reachable","tier":"unknown","evidence":"not crawled"},{"label":"Age","tier":"good","evidence":"published 1 month ago"}],"compatibility":[{"label":"Version","tier":"unknown","evidence":"no version declared"},{"label":"Moved since?","tier":"good","evidence":"no recorded change after 2026-09-25"},{"label":"Findings","tier":"good","evidence":"none flagged"}],"reach":[{"value":null,"unit":"views"},{"value":null,"unit":"comments"},{"value":null,"unit":"likes"}]},"signals":null,"series":null,"edges":{"authors":[]}}