Color variable support for card view templates

  • Release version: Zurich
  • Updated July 31, 2025
  • 1 minute to read
  • 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.

    Color variable used in a card view template