Theming an Agent

Brand an agent's chat from the Presentation tab: the colour of each part of the chat, the bubble shape, the launcher logo and label, and a live preview.

The Presentation tab has a Theme section that brands the chat for a single agent: the colour of each part of the chat and the shape of the message bubbles. The tab also brands the chat's entry point, with a launcher logo, a slide-out label, and dedicated popup copy. Every setting is optional. Anything you leave unset keeps the Limio default, so a new agent looks the same as before until you change something.

A theme applies wherever the agent's chat appears: the pop-out widget, the inline chat panel, the chat embed on a site outside Limio, and custom chat surfaces that adopt the agent's theme (see the SDK reference). The look stays the same across surfaces. As with the rest of an agent, nothing changes for visitors until you publish.

Colours

Each colour has a picker, and a Clear button that returns it to the default. Colours are grouped by the part of the chat they affect.

Bubbles

Colour	What it colours
Accent	The brand colour: the visitor's message bubbles, the launcher, and buttons. Set this one first.
User bubble	The visitor's bubbles only, when you want them to differ from the accent.
Agent bubble	The background of the agent's messages.

Accent is the broad brand colour. Set it on its own and the visitor bubble, launcher and buttons all follow it. Set a finer colour only when you want that part to differ.

Header & launcher

Colour	What it colours
Header	The bar at the top of the chat. Its text stays readable for you.
Launcher	The floating chat button, when you want it to differ from the accent.

Surface

Colour	What it colours
Background	The chat panel background.
Text	The body text.
Border	The panel and message-box borders.

The text on each coloured bubble is picked for you, so bubble text stays readable whatever colour you choose. The one thing to check yourself is the panel Background: if you darken it, set Text to a light colour so messages stay legible. The preview shows the result straight away.

Bubble style

The Bubble style dropdown changes the shape of the message bubbles.

Style	Look
Rounded	The default: fully rounded, filled bubbles.
Tailed	A small speech tail on the corner nearest each speaker, like a messaging app.
Flat	Squared-off corners.
Outlined	The agent's bubbles become an outline instead of a fill; the visitor's stay filled.
Shadowed	A soft border and drop shadow, so bubbles lift off the background.
Bordered	A thin border on every bubble, without the shadow.
Minimal	No bubble fill, so messages read as a plain transcript, the visitor's turn in the accent colour.
Gradient	A subtle gradient of each bubble's colour.

Launcher branding

Three fields brand the chat's entry point, the part of the chat a visitor sees before they open it.

Field	What it does
Launcher icon	Your logo in the floating launcher circle, beside the chat title once the chat is open, and in the inline chat panel's header. Set it by uploading an image; Remove clears it. If the image fails to load, the chat falls back to the standard icon.
Launcher label	A short call-to-action, such as "Ask Limio". A few seconds after the page loads, the launcher slides the label out into a pill, holds it briefly, and collapses back. It runs once per page load, and visitors who prefer reduced motion see a static launcher.
Popup message	Dedicated text for the greeting popup bubble, such as marketing copy. Shown only while the greeting popup is enabled; leave it blank and the popup shows the greeting. Either way, opening the chat still starts the conversation with the greeting.

Live preview

The Presentation tab shows a live preview on the right, in a mock browser window, so you see the theme in context while you edit. It updates as you type: change a colour or the bubble style and the preview follows, along with the title, greeting, pointers, placeholder and footer.

Minimise the preview from its header to see the closed state: the launcher with your logo and label, and the greeting popup teaser when you have that turned on. The label shows fully expanded in the preview; visitors see it slide out and collapse. Click the launcher to reopen it.

The Try it button at the top of the page swaps the preview for a live test, where you can hold a real conversation with the draft agent.