Skip to content
Release: Australia · Updated: 2026-03-12 · Official documentation · View source

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.

Image omitted: color-var-example-3.png
Pin color showing the color labeled as Primary 1.

Color design guide for map pins

Color namePin exampleColor options
Primary
Image omitted: icon-map-pin-primary.png
Primary mobile pin
  • Mobile variable

primary

  • Web variable

--now-color--primary-1

Secondary
Image omitted: icon-map-pin-secondary.png
Secondary mobile pin
  • Mobile variable

secondary

  • Web variable

--now-color--secondary-3

Tertiary
Image omitted: icon-map-pin-tertiary.png
Tertiary mobile pin
  • Mobile variable

tertiary

  • Web variable

--now-color_grouped--gray-4

Brand
Image omitted: icon-map-pin-brand.png
Brand mobile pin
  • Mobile variable

brand

  • Web variable

--now-color_brand--secondary