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 fonts

• Click on the Heading font field to select a font style for all headings in your app

• Click on the Paragraph font field to select a font style for all body text

Use the search bar or scroll through the list to select your preferred font for each field.

Choose from over 7000 fonts to personalize your app's typography.

Step 3: 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 4: 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.