Skip to main content

Customizing your customer app theme

Set brand colors, fonts, and background style on the QR ordering page so it matches your restaurant's identity.

Written by Kate Khunvirojpanich

The customer app is the page guests see when they scan a QR code or open a link to order — menu, basket, payment, order tracking, and receipt. Papaya lets you style that page to match your brand: primary and secondary colors, background, navigation bar, text-input style, and font.

Theme settings are configured per outlet, so each outlet can have its own look if needed.

Where to find it

Settings → Theme on the outlet you want to customize.

What you can customize

Setting

What it controls

Example

Primary color

The dominant color across the customer app — buttons, highlights, key call-to-actions like "Add to basket" and "Place order". Papaya generates a full set of light/dark shades from the one color you pick.

#234e1a

Secondary color

Accent color for active states and interactions — e.g. when a guest taps a text box or selects an option.

#f5904b

Background color

The color behind the menu, basket, and other pages. Pick any color — Papaya automatically switches text between light and dark so it stays readable.

#ffffff or #1a1a1a

Navigation bar color

The color of the top navigation bar (where the back arrow and outlet name sit).

#ffffff

Input fields theme

Sets the background tone for text fields (e.g. delivery address, customer name, payment details). Papaya picks a complementary light or dark shade from the color you choose.

Any hex color

Font family

Choose a Google Font for English text in the customer app. Some custom fonts are pre-loaded for specific merchants.

Inter, Poppins, Museo Slab…

Remove menu item notes

Hides the "Notes" field on each menu item — useful if you don't want guests adding free-text instructions per item.

On / Off

How to set a theme

  1. Open Settings → Theme on the outlet you want to style.

  2. For each color, type a hex code (e.g. #f5904b) or click the field to open the color picker.

  3. For the font, pick from the dropdown of available Google Fonts.

  4. Toggle Remove menu item notes if you don't want a notes field on each menu item.

  5. Click Save, then open the customer app in a new tab to confirm the look.

To clear a setting and revert to the Papaya default, click the 🗑 trash icon next to the field.

Tips for choosing colors

  • Contrast matters. If your background is dark, pick a light primary; if your background is light, pick a darker primary. Papaya handles button text color automatically, but the background ↔ primary contrast is yours to set.

  • Test on a phone. Most guests order on mobile, so check the customer app on your phone after saving.

  • Don't overdo it. Two well-chosen colors (primary + background) usually look more polished than five competing ones.

FAQ

Do these settings apply to every outlet?
No. Each outlet has its own theme. To make all outlets look the same, set the theme on each one.

Does the merchant POS use these colors too?
No. Theme settings only affect the customer app (the ordering page for guests). Your staff-facing POS keeps its standard appearance.

Can I upload a custom font?
Not from the settings page. The dropdown lists Google Fonts plus any custom fonts Papaya has pre-loaded for your account. Contact support if you need a font that isn't in the list.

What if I leave a field empty?
That setting uses the Papaya default. You can mix and match — e.g. set only the primary color and leave everything else at default.

I changed colors but the customer app still looks the same.
Refresh the customer app page. If you've already shared a link with a guest who has it open, ask them to refresh too.

Did this answer your question?