How to add design tokens to theme instead of css value.

GabbbY
Giga Guru

‎02-15-2024 11:58 AM

Hi,

 

Is it achievable to add design tokens for color etc for EC theme? If so how have you achieved it?

 

Basically a design token is a design decision, where you have the source as truth. When it comes to branding the portal you use css values such as #ffffff.. but what you could do instead is to use a design token that defines the value from the source (ui design system).

 

Thanks in advance!

 

Best regards, 

Gabriel

0 Helpfuls
  • 676 Views
1 REPLY 1

Community Alums
Not applicable

‎02-15-2024 09:38 PM

Hi @GabbbY ,

  1. Navigate to All > Content Management > Design > Themes.
  2. Click New.
  3. Type a name for the theme and mark it as Active.
  4. Right-click the form header and click Save
    The Style Sheet related list appears.
  5. Use the Style Sheet related list to add style sheets to the theme.

 

0 Helpfuls