Themes allow you to fully customize the look and feel of your menu and kiosk. Navigate to Settings > TEAM AND CONTENT > Themes in the left menu to get started.
Give your theme a name and configure the following sections:
Base Colors Set the core colors of your menu, including the primary color, text color, category text color, and background color. A live preview is shown on the right as you make changes.
Media & Display Upload your visual assets:
Logo – Your brand logo, displayed in the header
Cover image – The hero image shown at the top of your menu
Menu background image – A background image for the menu
Checkout forms background image – A background image for the checkout screen
You can also configure the hero style and language switch style.
Typography Change the font you want to use for body and headers, by uploading the corresponding .woff2 files. Adjust the text sizes using sliders for the heading scale and body text scale. Both range from 0.75x to 2.5x the base font size. You can also indicate if you want the text to have a specific casing: capitalise, uppercase or lowercase. To Reset to default, simply click on "Reset to default" at the top
Buttons Customize the style of your action buttons, including background color, text color, border radius, and menu button style.
Borders Set the border radius and border color for input fields and cards throughout the menu.
Tiles Fine-tune the appearance of product tiles, including border color, border radius, border width, image border width, and inner padding.
Layout Control the colors of specific layout areas: header background, footer background, sidebar background, personal category background, menu background color, checkout forms background color, and highlight color.
Kiosk: two toggles have been added, and you are also able to directly add your kiosk intro logo via 'Themes'
Show logo in kiosk header: indicate if you want to render the theme logo in the kiosk header. Switching this off also overrides a venue or brand theme that switches it on. For example: you have added a logo in 'Media & Display', but this toggle is off => the logo won't be shown in the header image of the kiosk.
Show logo on kiosk intro screen: indicate if you want to render a logo on the kiosk intro screen. This is a separate setting from the logo shown in the kiosk header. If you toggle this on, but don't add a kiosk intro logo, the logo uploaded via 'Media & Display' will be used.
Language Set the position of the language switcher on screen — both horizontal (e.g. center) and vertical (e.g. top).
Loyalty Choose the loyalty CTA type, such as Handoff & Barcode, to control how loyalty interactions are displayed to customers.
In sections where changes can be reverted, a little cross button will appear next to the setting itself. When resetting this, the value will now be not set.
Once your theme is configured, it can be assigned to a specific kiosk via the kiosk settings. Read How to choose the theming used on your kiosk