Override tokens in a design system

Ask the community
1

Hi,

I have created a list of primitives as color variables for 2 brands:

Primitive Screenshot

I created a list of tokens that link to those primitives:

858×795 24.2 KB

I need to override specific tokens so that certain components in Brand 2’s website look different:

For example, this button for Brand 2 uses Surface/surface-secondary which is an alias of the Primitive secondary-500 in Brand 2’s Primitive mode:

Reddit - Dive into anything)

I need this button to be an alias of Brand 1’s Primitive primary-500 instead.

Can anyone help me with this?

2

sorry about the disgusting formatting in the question but I copy-pasted it from Reddit.