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 variable used in an icon UI section

Color design guide for map pins

Color namePin exampleColor options
Primary Primary mobile pin
Mobile variable
primary
Web variable
--now-color--primary-1
Secondary Secondary mobile pin
Mobile variable
secondary
Web variable
--now-color--secondary-3
Tertiary Tertiary mobile pin
Mobile variable
tertiary
Web variable
--now-color_grouped--gray-4
Brand Brand mobile pin
Mobile variable
brand
Web variable
--now-color_brand--secondary