Warning in IDE for using Atlassian color variables

Forge Forge UI Kit and Custom UI
,
1

Hi there,

I am using color variables as suggested here: https://developer.atlassian.com/platform/forge/design-tokens-and-theming/#update-colors--spacing-and-typography-to-design-tokens

const Foo = styled.div`
	padding: var(--ds-space-300);
`;

But my IDE (IntelliJ) keeps complaining, that the variable is unknown.

image
image754×198 21.8 KB

Does anyone found a solution for this?
Thanks in advance!
Cheers,
paul

3

Hi @ppasler

Can I confirm that this design token is still working despite the IDE warning?

If so it looks like it might be an ongoing problem in IntelliJ
see: https://youtrack.jetbrains.com/issue/WEB-38704/css-variables-are-not-resolved-in-language-injection

Thanks,
Emily

2 Likes
4

Hi @EmilyChiew ,

yes, the tokens and variables work in the UI.

Thanks for the link! If I define my own CSS variables in the project it, there is no warning, so I don’t know if it’s the same issue.

Cheers,
paul