Category badges

Via the custom fields under Catalogues > Categories > [Select category] in the tab "Additional" you will find fields for configuring category labels.

In addition to the Badge - text (1), you can also configure a background color (2) and text color (3). Leave these fields blank if you want to use the default badge colors. These result from the reverse assignment of the respective foreground and background color of the used navigation.

Navigation	Badge - text color	Badge - background color
Main navigation	$zen-main-navigation-bg	$zen-main-navigation-color
Flyout navigation	$zen-flyout-navigation-bg	$zen-flyout-navigation-color
Dropdown navigation	$zen-dropdown-navigation-bg	$zen-dropdown-navigation-color

To ensure the best possible contrast, the text and background colors are reversed. The text color of the badge becomes the background color, and the background color of the badge becomes the text color.

Example: