Color tokens and CSS exported

Hi. I’m not sure if it’s me, doing something wrong or it’s just a limitation on current implementation.

This is the CSS for an element copied in the webapp using the CopyCSS button:
CleanShot 2023-05-11 at 10.38.42

border-radius: 4px;
box-shadow: 0px 4px 8px rgba(147,144,25, 0.2);
opacity: 1;
background-color: rgba(255,243,131, 1);

It works, for sure, but both colors used have their correspondent color tokens. Why is not using them in the definition for box-shadow and background-color as variables?

Same with this text:
CleanShot 2023-05-11 at 10.44.32

This is the CSS:

opacity: 1;
color: rgba(195,204,217,1);
font-family: “OpenSans”;
font-size: 12px;
font-weight: 400;
font-style: normal;
letter-spacing: 0px;
text-align: left;

1 Like