Light and dark theme
Set a dark window background — the widget adjusts frames, the input and text contrast.
Module 07
Light and dark theme
One widget fits a light or dark site. You pick the chat window background, and Supportly tunes frames, the input, shadows and button text color.
The live example on the right is interactive.
Why it exists
What problem it solves
Fit your website
Use a dark chat window on a dark website or a light one on a light website.
Maintain contrast
Button text adapts to the selected background color.
Change one setting
The chat background determines the widget theme.
How it is used
Two sides of one module
Site visitor
- Open a chat window that matches the website colors.
- Read messages with automatically adjusted interface contrast.
Operator and owner
- Choose the window background and inspect the preview.
- Use Telegram’s own theme in the operator Mini App.
How to enable
Setup in the dashboard
-
Widgets→ Appearance→ Colors
Choose the chat window background; a dark color activates the dark theme.
-
Widgets→ Appearance→ Colors
Optionally customize message bubbles and text colors.
In numbers
Limits and facts
2 themeslight and dark
1 colorwindow background selects the theme
Automaticbutton text contrast
TelegramMini App follows the messenger theme
The website widget theme is set in the dashboard; it does not automatically follow the visitor’s operating system theme.
All modules
What else Supportly can do
Support chat
that greets your customers
Free plan with no time limit. Setup takes 5 minutes.
Start for free