Widget
Widget themes
Five built-in themes plus a fully customizable theme via CSS variables.
The widget ships with five themes that cover the most common restaurant website styles. If none of them match, the Brand theme exposes a small set of CSS variables you can override from your own stylesheet.
Built-in themes
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| light | theme | — | — | Crisp, neutral palette. White background, dark ink text, single accent color. |
| dark | theme | — | — | Deep slate background, soft white text. Pairs well with photography-led sites. |
| warm | theme | — | — | Cream background, terracotta accents. Works for traditional and trattoria-style restaurants. |
| minimal | theme | — | — | Borderless, monochrome. Inherits typography from the surrounding page. |
| brand | theme | — | — | Designed to be customized via CSS variables. See the reference below. |
Theme prop reference
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| data-theme | 'light' | 'dark' | 'warm' | 'minimal' | 'brand' | Required | light | Sets the theme on the script tag. |
| data-radius | 'sm' | 'md' | 'lg' | 'pill' | — | md | Corner radius for buttons and inputs. |
| data-density | 'cozy' | 'compact' | — | cozy | Vertical spacing inside the form. |
Brand theme variables
For the brand theme, override CSS variables on the host page to take full control of color, font and surface treatment.
Live preview
The widget settings page in your dashboard shows a live preview that updates as you change theme options, so you do not have to deploy to your site to iterate.