N8n demo webcomponent light theme problem

[Kazey]

Can’t put the n8n demo webcomponent in light theme

here is the css i’m using in my webpage (any other code is the same as the exemple site )

n8n-demo {
    background-color: white;
	--n8n-frame-background-color: lightgray;
	--n8n-json-background-color: lightgray;
	--n8n-copy-button-background-color: gray;
	--n8n-workflow-min-height: 800px;
	--n8n-iframe-border-radius: 30px
}

I only have the dark theme even if I change anything

[n8n]

It looks like your topic is missing some important information. Could you provide the following if applicable.

• n8n version:
• Database (default: SQLite):
• n8n EXECUTIONS_PROCESS setting (default: own, main):
• Running n8n via (Docker, npm, n8n cloud, desktop app):
• Operating system:

[Kazey]

the solution was to add the property theme="light" right after the property workflow in the <n8n-demo> component

exemple :

<n8n-demo workflow='{ "nodes": [] }' theme='light'></n8n-demo>