Theme

This page provides information on applying styles to your pages and widgets through global controls. This customization includes changes to font styles, color schemes, and border/shadow effects.

Theme properties

Determines the overall look and feel of your app, and these settings offer flexibility in tailoring the theme to your preferences. Each app comes with an applied theme that serves as the default visual style. You have two primary ways to modify this applied theme:

Changing the Theme: You can switch to a different theme from the saved list of themes or choose from default themes. This quick and easy method allows you to experiment with various visual styles effortlessly.

Customizing the Theme: For a more tailored approach, the theme can be further customized based on the available options in the theme properties. These customization options provide granular control over aspects such as fonts, colors, borders, and shadows.

Font

App font

Allows you to modify the fonts universally across the entire application. You can select a font from the list to apply it across all elements in the app.

Color

Primary color

Sets the main color for all components, like buttons, creating a consistent theme throughout the app.

Background color

Allows you to set the background colour of the page or application. This customization option provides control over the backdrop, allowing you to create a specific theme or align it with brand colors.

Full color picker

When enabled, the Full Color Picker allows you to select colors. If not enabled, you can input your desired hex code.

Border and Shadow

App border radius

This property applies rounded corners to the outer edge of widgets, changing the overall shape across all widgets.

App box shadow

This feature adds a subtle drop shadow effect around the frame of widgets, enhancing visual depth across all widgets.