Theme Workbench · customization-API

Read blueprint →Demo replica · not a real widget

Presets

Reads the website's CSS variables (paper, anthracite, warning-tape yellow) and builds the widget theme from them.

Colors

Primary colorprimary#f0b90aBackgroundbackground#ffffffCustomer messagemessage#1e1e20Reply (agent/bot)businessMessage#f2eee6Action buttonsaction#1e1e20

The workbench picks text and contrast colors (on…) automatically – in pro mode you can override them.

All controls (pro mode)

Grundfarben

onPrimary#1e1e20onBackground#1e1e20

Nachrichten

onMessage#f2eee6onBusinessMessage#1e1e20

Aktionen

onAction#f2eee6onSecondaryAction#1e1e20

Systemmeldungen

error#cc3340onError#ffffffnotify#1e1e20onNotify#f0b90a

Konversationsliste

conversationListBackground#ffffffonConversationListBackground#1e1e20

The code for it

Loading the widget …

This demo needs JavaScript – without it the widget replica does not start.