Custom Theming

The Theme Editor gives you complete control over every visual aspect of a form. All settings are per-form.

Colours

The full colour palette:

| Setting | Controls | |---|---| | Background | Page/canvas background colour | | Primary | Buttons, highlights, active states, selection indicators | | Hover | Button and interactive element hover state | | Dim | Secondary/supporting text colour | | Text | Body text colour | | Dim text | Muted body text | | Faint text | Placeholder and hint text | | Border | Card and container borders | | Input border | Form field borders |

Click any swatch to open the colour picker. Changes apply to the preview instantly.

Card controls

The form card is the white/dark container your questions appear inside.

| Setting | Range | |---|---| | Background opacity | 0–100% | | Blur | 0–20px | | Shadow | 0–4 (preset levels) | | Border width | 0–3px | | Border opacity | 0–100% | | Border radius | 0–24px | | Padding | Compact / Default / Spacious | | Max width | 480px–900px |

Button radius

A single slider (0–24px) controls the border radius for all buttons. 0 = sharp corners, 24 = fully pill-shaped.

Progress indicator

Choose how (or whether) to show progress to respondents:

Dots — One dot per page, filled as they advance
Step Numbers — "Step 2 of 5" text
Percentage Bar — Animated progress bar at the top
None — No indicator shown

Question animations

Set how questions enter the view:

Fade — Simple opacity fade-in
Scale — Scales up from slightly smaller
Flip — Card flip entrance
Slide — Slides in from the side
None — No animation

This can be set globally (Theme Editor) and overridden per-question (question editor settings).

Confetti

Toggle the celebration confetti animation on form completion. Enabled by default. Disable it for professional/institutional contexts where it may feel out of place.