# Style

Anda dapat mengatur style live chat Anda, seperti color theme, default avatar, agent avatar dan icon widget live chat. Dalam style pada live chat designer, Anda dapat mengubah tampilan dan nuansa Widget Chat agar sesuai dengan brand Anda yang relevan dengan Anda. Anda akan melihat pratinjau perubahan Anda di sisi kanan halaman.

![Style New Design](/files/4mQZQISgOWxql9QUMRhe)

**Penjelasan Komponen:**

| Nama           | Deskripsi                                                                                                                            | Contoh                           |
| -------------- | ------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------- |
| Color Theme    | Pilih tema warna untuk widget chat yang ingin Anda sesuaikan.                                                                        | ![](/files/HouW1JunvuKMOsMoeZQ3) |
| Default Avatar | Gambar bulat terletak di bagian atas. Nilai avatar dapat berupa url atau relative path yang mengarah ke resource.                    | ![](/files/vIY7IiVHIv7YnzlM3rRd) |
| Agent Avatar   | Avatar default yang ditampilkan disamping setiap bubble message masuk.                                                               | ![](/files/Zn9vTzshhMiyoO7CfglA) |
| Icon           | Atur ikon live chat Anda yang akan muncul di halaman website Anda. Anda dapat menyalin dan menempelkan link image ikon di live chat. | ![](/files/XzpY7lForsyu5hW8gYLw) |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.3dolphins.ai/5.3.0-id/integration/live-chat-designer/new-design/style.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.