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

Color variable support for card view templates

Learn how to use color variables to change theming in your mobile card views.

Card view templates use the values in the Template JSON field to determine the appearance of a card. Use the following properties to include color variables in your cards.

  • Text: TextColorVariable
  • Background: ColorVariable
  • HTMLText: TextColorVariable
  • Standalone Icons: TextColorVariable
  • Viewgroup: BackgroundColorVariable
  • Onselect (defined in root-view attribute JSON): TextColorVariable and BackgroundColorVariable

Use these properties to assign a color using color variables from the UX Theme Properties [sys_ux_theme_property] table.

For details creating card templates, see Create a card template with Mobile Card Builder.

Image omitted: color-var-example-5.png
Color variable used in a card view template