Every booking page in Addagio has a dedicated theme record with six color properties and a font family. You can change all of them from the dashboard without writing any code.
Where to change your theme
Go to Dashboard → Settings → Theme. The settings map directly to your vendor theme profile.
Color properties
Your theme has six values you can set:
| Property | What it controls | Example default |
|---|---|---|
| Background color | Main page background | #FFFFFF (white), #1a1a1a (dark) |
| Accent color | Buttons, links, progress bar, active states | #C67B5C (coral), #D4A853 (gold) |
| Text color | Headings and body text | #1F2937 (dark gray), #ffffff (white on dark themes) |
| Secondary text | Labels, hints, timestamps | #6B7280 (medium gray) |
| Card color | Service cards, staff cards, booking panels | #FFFFFF or #2a2a2a |
| Font family | All text on the page | Inter, Playfair Display, Cormorant Garamond, etc. |
Fonts available
Each template ships with a default font, but you can switch to any of these:
Preset themes
When you pick a template, its default theme is applied. For example, the Barber template starts with a dark background (#1a1a1a), gold accent (#D4A853), and Bebas Neue. The Spa template starts with cream (#FAF7F2), sage green (#7D8B6E), and Cormorant Garamond. You can keep the preset or customize every property individually.
Custom CSS
If you need more control, add custom CSS in the theme settings. This lets you override any element style on your booking page beyond the six standard properties.
Tips
#1a1a1a, #0D0D0D) work well for barbershops, DJs, and photography studios#FAF7F2, #FFF8F0) feel warm and inviting for spas and restaurants