The Theme Editor allows you to customize the visual appearance and color scheme of each application individually. This ensures your app aligns with your corporate branding or specific design requirements.
How to Apply a Theme
Follow these steps to customize your app's theme:
1
Open Theme Editor
From the App Builder's main toolbar, select Theme Editing mode ().
2
Choose a base theme
Select from Generic, Material, or Fluent to define the overall style of the components.
3
Select a color scheme
Choose a predefined scheme from the left menu or manually adjust individual colors to create a custom look.
4
Apply changes
Click Apply to refresh the UI preview with your new theme.
5
Exit
Click the App Editing icon () in the toolbar to return.
Heisenware's theming engine is built upon the DevExtreme framework. For advanced details on the capabilities of the base themes, please refer to the official DevExtreme documentation.
How Theming Affects Widgets
Most widgets include color settings that interact directly with the app theme. By default, a widget's color is set to Automatic.
Automatic: The widget inherits its colors from the global app theme. If you change the theme later, the widget updates automatically.
Manual override: If you set a specific color for a widget (for example, making a specific button solid red), that setting overrides the theme. This specific color will remain fixed even if the global theme is modified.
