⚙️ Chatbot Theme Playground
➕ Add Custom CSS Class
✍️ Custom CSS
📘 How to Use
🎨 Theme Controls
Use the color pickers to update chatbot styles in real time. Modify the CSS editor for advanced customization.
🔔 Notifications
Toggle “Enable Notifications” to show or hide test messages in the chatbot.
🖌️ Custom CSS Classes
Add Botpress CSS classes dynamically to style additional elements. Examples:
.bpw-chat-bubble- Styles message bubbles.bpw-header-container- Styles the chat header.bpw-send-button- Styles the send button
Full list: Botpress Custom Styles