Apply design tokens to specific view headings

Hello Everyone,

We are building an application in Pega Infinity 23 Constellation architecture; we are developing the data review tabs for the information collected in the case processing.

We want to apply specific styles to demarcate the data of various data types on a specific screen.

We want to understand if there is a way we can define design tokens for specific elements in the UI? https://design.pega.com/design/design-tokens/

Warm regards,

Imran

@Imranullah-db this is information I found:

You can define design tokens for specific elements in the UI. Design tokens are a tool that helps you store the visual attributes of your application as discrete options. You can unify style elements across different Channels, tools, and applications using design tokens. When you style a Constellation application on the App Studio Branding and Themes landing page, Pega Platform automatically updates the theme Rule for you. However, you can gain a more granular level of control over your theme by manually editing the theme JSON file in Dev Studio. You can search for the theme JSON file by entering the name of the theme in the Dev Studio search box, or by exploring the Rule-UI-Theme Class.

:warning: This is a GenAI-powered tool. All generated answers require validation against the provided references.

Design tokens