Themes

Different display of control elements depending on the selected color scheme.

A theme is a colour scheme (a list of selected colors) that is applied to all controls that use theme colors. Each new web client project already contains three themes, which can be switched at runtime at the touch of a button:

Light Theme

Light background, dark font, blue accents

Dark Theme

Dark background, light-coloured font, blue accents

To see what effect the themes supplied in have, start a new Web UI client project. Select the desired theme in the app on the "Settings" page under "Themes". The colours of the app are switched immediately.

Color definitions

By default, all controls use theme colours. These are colors that may look different depending on the selected theme.

Example: The colour "@ForegroundColor" (colour of the text/symbol in a control element) corresponds to the color black in the Light Theme, but to the color white in the Dark Theme.