This article explains how to configure custom control colors that differ from the brand colors and menu colors. You can customise control color schemes both for the entire dashboard and individually, either to emphasise a specific control or to complement controls with a background color.
Common styles: Primary and Secondary colors
In addition to the default colours, one way to customise dashboard controls is through the dashboard common style. In this case, all controls use the same colour scheme.
These settings are configured in the Common styles section for the entire dashboard: Common styles → Colors and styles → Primary and Secondary colors.
These colors define how active control options are displayed.
-
The active option is highlighted with the Primary color.
-
The Secondary colour defines inactive (not chosen) options.
-
The Dashboard background setting allows you to customize the background color of the dashboard canvas.
-
The Widget background setting defines a single background color for all widgets on the dashboard, including buttons, controls, and text boxes. To customize the background color of individual widgets, use the settings described below.
Individual customization
Controls can also be colored individually by using the widget color settings. To do this, select the control and use the Widget Style menu to configure the following colors:
-
Background color.
-
Primary colour (indicates selected options).
-
Secondary colour (indicates non-selected options in the button control).
