The Theme Editor is used to create your own themes in the application itself.

The view of the Theme Editor is divided into two parts. On the left side there is a table that lists all existing themes of the application:

In the toolbar is the possibility to create a new theme by :

The ID is the key of the new theme. In Extends you can specify a set of themes that the new theme should extend. In State it can be specified whether the user can choose the theme or it should exist purely as an abstraction for possibly other themes in the application.

The rest of the theme editor view is divided into 4 sections:

Properties

The Properties tab is used as a detailed view for the selected theme.

Variables

The Variables tab displays the theme variables that have been newly defined in the selected theme.

The identifier (column Variable) and the type of the theme variable are fixed; the value can be edited in the application itself at runtime:

By setting Value one can explicitly define the value. You can also use an expression to specify a calculation rule for the value. This makes it possible for a variable to have the same value as another variable. In the menu

it is possible to delete your own defined variable in the theme or to display variables from themes that the currently selected theme extends. Inherited variables cannot be deleted.

Styles

The view in the Styles tab is divided into two parts. On the left, a table is displayed that lists all stylesheets that are included in the selected theme.

In the toolbar you can create new stylesheets for this theme.

The other view contains an editor for the selected stylesheet:

The editor supports syntax highlighting and simple, in this case CSS, code completion.

Resources

The view of the last tab Resources is also divided into two parts. The left view shows the directory structure where all resources of the application for this theme are located:

In the toolbar there is the possibility to create new folders for more resources in the selected theme, to manage it as clear and modular as possible. Next to it is a table that lists all resources within the selected directory:

In the menu of this table it is possible to delete single resources. In addition, the toolbar offers the possibility to download resources by .