Theme-Werkbank · customization-API

Bauplan lesen →Demo-Nachbildung · kein echtes Widget

Presets

Liest die CSS-Variablen der Website (Papier, Anthrazit, Warnband-Gelb) und baut daraus das Widget-Theme.

Farben

Primärfarbeprimary#f0b90aHintergrundbackground#ffffffKundennachrichtmessage#1e1e20Antwort (Agent/Bot)businessMessage#f2eee6Aktions-Buttonsaction#1e1e20

Text- und Kontrastfarben (on…) wählt die Werkbank automatisch – im Profi-Modus kannst du sie übersteuern.

Alle Regler (Profi-Modus)

Grundfarben

onPrimary#1e1e20onBackground#1e1e20

Nachrichten

onMessage#f2eee6onBusinessMessage#1e1e20

Aktionen

onAction#f2eee6onSecondaryAction#1e1e20

Systemmeldungen

error#cc3340onError#ffffffnotify#1e1e20onNotify#f0b90a

Konversationsliste

conversationListBackground#ffffffonConversationListBackground#1e1e20

Der Code dazu

Widget wird geladen …

Diese Demo braucht JavaScript – ohne startet die Widget-Nachbildung nicht.