You can switch the application’s theme from light to dark mode and vice versa, under the look and feel settings. Additionally, you can change the text color, active state, and hover state background color, and you can also change components like switches, radio buttons, check boxes, and numeric text boxes by using branding color. In this look and feel settings, the dashboard theme can also be changed.
Application theme mode can be switched either to light or dark mode. By default, light mode is applied.
In light default mode, the application will be in light appearance with blue variant as branding color as shown in image below.
In dark default mode, the application will be in dark appearance with blue variant as branding color as shown in image below.
By uploading a customized theme file using the
Manage option, you can change the branding color, text color, active state and hover state background colors in addition to the light or dark mode. The background and surface areas are not customized and will always follow the selected mode.
Please follow below steps to create and apply custom theme for application
Manage option to open a dialog to upload your custom theme.
Please download the theme template files from the link that is highlighted in the below image.
Extract the downloaded zip folder. The extracted folder contains the CSS3 variable with a color code value for each component as shown in the below image.
Please update the color code values as per your preference and then upload the updated custom theme file into application. Please refer to the Create application custom theme section to learn more about how to customize color codes to create your preferred custom theme.
The uploaded theme will be listed in the
Custom Theme drop-down. Select the uploaded theme in custom theme drop-down and save the settings.
Here is a sample image after applying the custom theme.
You can customize the dashboard theme which will be applied for dashboards in dashboard view mode. By default,
Default option will be selected.
Follow the steps to upload generated custom theme file
Manage option next to
Dashboard Theme under the
Look and Feel settings.
A dialog will appear as below. Choose the created custom theme file by clicking three dots and then click
Upload. Please refer to the Create dashboard custom theme section to learn about how to create your preferred custom theme file for dashboards.
The uploaded custom theme file will appear in the
Dashboard Theme drop-down as listed below. In the
Dashboard Theme drop-down menu, choose the uploaded theme, then save the settings.
According to your customized theme file, the dashboard will be rendered. For example,
darkviolet theme rendered as below.