Color variable support for map icons

Learn how to use color variables to change theming in your mobile map icons

Map screens have a Pin Color section with a Pin color variable field to control the color map pins using a color variable. A map pin is used on the map template screen, to indicate points of interest on the map. Using this field you can define any color variable from the UX Theme Properties [sys_ux_theme_property] table. For a list available variables see the color design guide below. For details on creating icon UI sections, see Configure an icon UI section.

Color design guide for map pins

Color name	Pin example	Color options
Primary		Mobile variable primary Web variable --now-color--primary-1
Secondary		Mobile variable secondary Web variable --now-color--secondary-3
Tertiary		Mobile variable tertiary Web variable --now-color_grouped--gray-4
Brand		Mobile variable brand Web variable --now-color_brand--secondary