Style a form to match your site
Colours, font and a light or dark base — with one setting to watch.
An embedded form can’t read your site’s styles — that’s the price of the isolation that stops your CSS breaking it — so you set its look in the form’s Appearance section instead.
What you can set
Start from a base of light, dark or auto, then override any of seven colours:
- Background and text
- Text-box background and text-box text
- Borders
- Button and button text
Text boxes get their own controls because matching a site usually means the inputs differ from the panel around them.
The font list is the same one the email designer uses, split into system fonts (already on the visitor’s machine) and web fonts (downloaded, so a fraction slower).
Set the background to transparent and your own page shows through — often the quickest way to make an embed look native.
What “auto” actually follows
Auto follows the visitor's device, not your site
This is the setting people expect to mean “match my site”, and it doesn’t — it can’t. A form in a frame can read neither your page’s theme nor your visitor’s choice on your site.
So a light-mode visitor on a permanently dark site gets a bright card punching a hole in the page. Auto is right only if your site itself follows the device. A site that’s dark for everyone wants dark.
On a dark site, set the border
A dark form on a dark page can be nearly invisible as a panel — the two are close in brightness even when the hues differ, and what separates them is the border.
Text stays perfectly readable either way; it’s the edge of the card that disappears. On a warm dark background especially, set the border colour explicitly.
Preview it on a page, not just on its own
The editor shows a live preview as you pick colours, which answers “what does the form look like”. But blending in is a property of the form and its surroundings, so use Test on a page too — it puts the real embed on a mock site with a switchable backdrop.
Common issues
A colour I set is being ignored
Only plain hex values like #1b1613 and the word transparent are accepted — anything else falls back to the default. That’s a security measure, since these values end up in a stylesheet.
The font didn't change
Pick from the list rather than typing a name. A font that isn’t in the catalogue is ignored, for the same reason.
It looks right for me and wrong for a colleague
You’re on auto with different device settings. Pin it to light or dark.
FAQs
Does styling apply to the hosted page too?+
Yes. A form styled for your site would otherwise look like a different form at its own public URL.
Can I use custom CSS?+
No — the colour and font settings are the supported route. Arbitrary CSS injected into a page we render for you is a security problem, which is why the values are validated so strictly.