Theme Editing

The Theme Editor allows you to customize the visual appearance and color scheme of each application individually, ensuring your app aligns with your branding or specific design requirements.

How to Apply a Theme

Follow these steps to customize your app's theme:

1. From the App Builder's main toolbar, select Theme Editing mode .

2. Choose a Base Theme to start from: Generic, Material, or Fluent.

3. Select one of the predefined color schemes from the left menu, or manually adjust the colors to create your own custom theme.

4. Click Apply to see your changes reflected in the UI preview.

5. To exit, click the App Editing icon in the toolbar to return to the main builder.

Heisenware's theming engine is built upon the DevExtreme framework. For advanced details on the capabilities of the Generic, Material, and Fluent base themes, please refer to the official DevExtreme documentation.

How Theming Affects Widgets

Most widgets include color settings that directly interact with the app theme. By default, a widget's color is set to Automatic.

• When set to Automatic, the widget will inherit its colors from the selected app theme. Changing the theme will automatically update the widget's appearance.

• If you set a specific color for a widget (e.g., making a button solid red), that setting will override the app theme. This specific color will not change when the global theme is modified.