Guide: Styling & Theming

The visual appearance of the Mobile Client—including colors, fonts, and spacing—is managed centrally to ensure consistency with the Web Dashboard. This is achieved through a shared ui_kit package.

Because this is a cross-application concern, the primary, hands-on guide for making theme customizations is located in our new Architecture & Customization section. This central guide walks you through the entire process, from taking ownership of the ui_kit package to seeing your changes reflected in both the mobile and web apps.

Start Here for Customization

To learn how to properly customize the UI, please follow our comprehensive, step-by-step tutorial:

Guide: Customizing the UI Theme →

This approach ensures that you learn the correct workflow for modifying shared code, which is the key to unlocking the full power of the toolkit.