Update variable value

[cojoclaudiu]

Hello,

I have a question regarding with the CSS variables in Vanilla Extract.

I've get this

export const theme = createGlobalTheme(':root', {
	colors: {
		currentColor: 'red',
...
}

I would like to update the theme.colors.currentColor inside the useEffect with a color coming from the API call.

How I can do that?

[askoufis]

Discussed this on discord, the option that made the most sense in this case was to use setElementVars on the document element, for example:

setElementVars(document.documentElement, {
  [theme.colors.currentColor]: 'blue'
});

[cojoclaudiu]

@askoufis thank you again for help, in my case that is the solution