Design theme

How to design the theme of your app?

The Theme section in your app dashboard allows you to customize the look and feel of your app’s interface by adjusting header and button styles. These settings help you maintain consistent branding and enhance the overall visual experience for your app users.

Step 1: Go to the theme settings

• From the side menu, click on Design

• Open the Theme screen to customize various visual elements of your app

Step 2: Customize the header style

• Header background color sets the background color of your app’s header to match your brand palette

• Header separator color defines the color of the thin line under the header, helping visually separate it from the content area

• Header text color allows you to select the color of screen titles that appear in the header

• Header icon color applies to the back, menu, and search icons within the header

Customize your header elements to create a clean, consistent navigation experience for your app users.

Step 3: Customize the button style

• Button background color defines the background color used for all primary buttons in the app

• Button text color sets the text color that appears on these buttons

• Button shape lets you choose from three styles

  • Square

  • Squircle (square with slightly rounded corners)

  • Circle

Visually appealing and well-styled buttons help increase engagement and make important actions stand out.

To customize the icons used in your app, visit the guide linked below:

Upload icons

To set up the overall color scheme of your app, visit the color scheme guide:

Color scheme

Preview the design on the demo app or the Preview emulator.