Skip to main content

Theming

You can control the look and feel of your app so it matches your brand.

App theme

From the app builder you can choose an overall theme, including light and dark variants and an accent colour. The theme applies across every screen for a consistent appearance. Use the theme control in the builder toolbar to switch and preview themes.

Component styles

Every component has a Styles tab in the settings panel for fine-grained control over that individual component — spacing, sizing, colours, borders, alignment, and more. Component styles layer on top of the app theme.

Conditional styling

The Conditions tab lets you change a component's appearance or visibility based on bindings. For example, you can colour a status differently depending on its value, or hide a button unless a condition is met.

Previewing

Use the device toggle in the builder toolbar to preview how your app looks on desktop and mobile, and the theme toggle to check both light and dark modes before publishing.