> For the complete documentation index, see [llms.txt](https://docs.3dolphins.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.3dolphins.ai/5.1.x-1/integration/live-chat-designer/new-design/style.md).

# 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/-MT-c2mdrh6gLVDtT5Ue)

**Penjelasan komponen :**

| Nama Kolom     | Deskripsi                                                                                                         |
| -------------- | ----------------------------------------------------------------------------------------------------------------- |
| Color Theme    | Pilih tema warna untuk widget chat yang ingin Anda sesuaikan.                                                     |
| Default Avatar | Gambar bulat terletak di bagian atas. Nilai avatar dapat berupa url atau relative path yang mengarah ke resource. |
| Agent Avatar   | Avatar default yang ditampilkan disamping setiap bubble message masuk.                                            |

### **Icon**

Atur ikon live chat Anda yang akan muncul di halaman website Anda. Anda dapat menyalin dan menempelkan link image ikon di live chat.

![Style Icon New Design](/files/-MT-uMo5xTDQTLAEuiv9)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.3dolphins.ai/5.1.x-1/integration/live-chat-designer/new-design/style.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.