Skip to main content

How to setup theming for a kiosk?

Themes allow you to fully customize the look and feel of your menu and kiosk. Navigate to 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, language switch style, and product and addition image styles.


Typography 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.


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.


Each section includes a Reset to Default option to revert changes. Once your theme is configured, it can be assigned to a specific kiosk via the kiosk settings.

Did this answer your question?