The Servitly color palette mapping can be enriched with new key/color pairs, that can be registered within the filters.js application resource.

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.