Skip to main content

Global Colors

Global colors allow custom color assignment to a specific value. This applies to all Visuals from each Dataset, allowing consistent representation of key values.

A dashboard of charts where the same value uses a consistent custom color across every Visual
A dashboard with custom color values.

To set global colors, go to the Administration page and click the Global Colors icon in the navigation panel.

Adding a color​

To add a new global color, click + New in the top-left corner. Select Enter new Colors to manually enter colors, or Import Colors to upload a JSON file containing a list of colors to add.

Note: When using a value already associated with another color, the new color replaces the previous one.

Enter new colors​

This option opens a window to add new global colors. Enter a value to associate the color with, then pick a color from the swatch menu (the color circle button) or type a hexadecimal color code in the Hex box to the right to use a custom color. To remove a color from the list, click the - icon to the right. Click Save to add the selected colors.

The Global Colors dialog mapping values to colors, with a color swatch menu and a Hex input on each row
Adding global colors.

Import colors​

To add many colors at once, import a JSON file. This file must contain an array of objects in the format:

{"key": "<value>", "color": "<color>"}

For example, a JSON file containing the following would add three colors:

[{"key": "ID", "color": "indigo:900"}, {"key": "WA", "color": "#008457"}, {"key": "NM", "color": "yellow:600"}]

To upload a file, click Choose File and select the JSON file, or drag and drop the file into the gray box ("or drag and drop your File here"), which turns green to indicate correct placement.

The Import Colors dialog with a JSON file upload area
Importing colors.

Editing a color​

To edit an existing global color, double-click it in the list. Enter a new value and color, then click Save.

Deleting a color​

To delete a global color, select it, click Actions in the bottom-right corner, then select Delete. Confirm the action.

Also available through the REST API
Everything on this page is built on Informer's public REST API, the same one the product uses, so your scripts and integrations can do it too. Developer reference: Colors.