Styling
Styling configuration properties customize widget appearance, including colors (hex values), borders, shadows, and dimensions with theme defaults.
| Property | Default | Description |
|---|---|---|
| widget_bg | theme default | Widget background color (hex) |
| chat_text | theme default | User chat message text color (hex) |
| placeholder_color | theme default | Input placeholder text color (hex) |
| response_text | theme default | Agent response text color (hex) |
| response_bg | theme default | Agent response background color (hex) |
| link_color | theme default | Link color in responses (hex) |
| btn_bg | theme default | Button background color (hex) |
| btn_icon | theme default | Button icon color (hex) |
| hr_color | theme default | Horizontal divider color (hex) |
| widget_border | theme default | Widget border CSS value |
| widget_glow | theme default | Widget box-shadow CSS value |
| response_border | theme default | Response bubble border CSS value |
| pulse_glow | theme default | Box-shadow for zdAgent.pulse() peak glow |
| max_width | none | Maximum widget width in pixels |
All color values accept standard hex format (e.g., #FF5733). Border and shadow properties accept standard CSS values.