Customization

Make the widget feel like a native part of your website.

Theming

Sela supports both Light and Dark modes. By default, it auto-detects the user's system preference (`media-query`).

html
<!-- Force Dark Mode -->
<script ... data-theme="dark"></script>

<!-- Force Light Mode -->
<script ... data-theme="light"></script>

Brand Colors

You can override the primary brand color (used for the chat bubble and user messages) via the dashboard or script tag.

html
<script ... data-primary-color="#FF5733"></script>

Button Position

Avoid overlapping with other widgets or important UI elements by changing the corner position.

html
<script ... data-position="bottom-left"></script>