The Servitly color palette mapping comes with a predefined set of key/color pairs.
In addition, you can register your own colors by using the registerValueColor(key, color) function into the Custom Filters component.

registerValueColor("MANUAL", "#638550");
registerValueColor("CROISSANT", "#4C799C");
registerValueColor("PIZZA", "#F89A33");

The color palette is automatically used by filters and widgets to display values and elements with the right color. An example of a filter using the color palette is the Status Badge filter, which displays a value in a color badge.

To get the color for a certain value (ignore case), into your widgets or filters you must use the following function:

let hexColor = new exports.valueColor().transform("WARNING")

Predefined Colors

These are the colors already registered by default:

Filter Variants

The set of predefined filter variants that can be used to format values.