Search
Generic filters
Exact matches only
  1. Home
  2. Knowledge Base
  3. Visual KPI Designer (Configuration)
  4. Sitewide Settings
  5. Configure Light & Dark Themes for Visual KPI sites
  1. Home
  2. Knowledge Base
  3. Visual KPI Designer (Configuration)
  4. Configure Light & Dark Themes for Visual KPI sites

Configure Light & Dark Themes for Visual KPI sites

Visual KPI themes allow you to change the background of your Visual KPI sites interface. You can configure light & dark themes for Visual KPI sites, set defaults, and decide whether users can change defaults.

By default, Visual KPI sites have a white background; this is the light theme. But you can add a dark theme to cut down on screen glare for use in environments where a black background would just make more sense. You can fully customize how the status of your KPIs appear in light and dark themes, selecting colors for each theme and each status. Using Visual KPI Designer, admins can set either a light or dark theme as default and decide whether or not users on KPI sites can change the default.

Let’s take a look at how you can configure light & dark themes for Visual KPI sites.

Configure light & dark themes for KPI Status

Open Visual KPI Designer.

Use the site settings icon () to access Features & Config/KPI Status.

Visual KPI sitewide settings KPI status

When the KPI Status worksheet opens, you’ll see the default colors we’ve configured for light & dark themes.

You’ll also see a Status editor to the right of the worksheet. This editor allows you to customize status colors and icons. Learn more about how to Configure KPI Status Parameters.

To edit the Visual KPI light theme, click the Light Theme Color icon () .

The color picker opens. Select a custom color and click OK.

.

To edit the Visual KPI dark theme, click the Dark Theme Color icon ().

The color picker opens. Select a custom color and click OK.

Preview Icon on Light & Dark Themes

Want to see how the status icon will look on light & dark themes? You can preview icons on by clicking the sun () and moon () icons to toggle between light & dark themes.

Configure Light & Dark Themes Examples

Once you configure light & dark themes in Visual KPI Designer, you can compare the difference by using the toggle.

Here’s the light theme we configured in the example above using yellow for the High High High status.

And here’s the dark theme where we’ve configured the High High High status to be white.

Choose a Default Theme

You can decide which theme will be the default user’s see on Visual KPI sites, and you can even decide whether or not users can change the default.

Use the site settings icon () to access Features & Config/Website.

sitewide settings Website

The Website configuration Worksheet opens.

Find the attribute for Default Color Theme. Under the column Value, use the pull-down menu to select the light or dark theme as default.

For the attribute Allow Users to Change Color Theme, select TRUE to allow, and FALSE if you don’t want to enable this option.

If you enable TRUE, Visual KPI site users will see the option to toggle between light and dark themes under the Options icon ().

Visual KPI dark theme toggle

Learn more

Configure KPI Status Parameters, Colors and Icons
Add an Alert to the Status
Revert to Default Status Configuration
Change a Status Symbol or Icon

 

 

 

 

 

Was this article helpful?

Related Articles