Look and Feel Settings

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.

Switch Application Theme Mode

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.

Custom Theme

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

1. Click on Manage option to open a dialog to upload your custom theme.

2. Please download the theme template files from the link that is highlighted in the below image.

3. 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.

4. 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.

5. 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.

Dashboard 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

1. Click Manage option next to Dashboard Theme under the Look and Feel settings.

2. 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.

3. 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.

4. According to your customized theme file, the dashboard will be rendered. For example, darkviolet theme rendered as below.

Please find the links below to learn more about custom themes.

How to create custom application theme

How to create custom dashboard theme