In a certain scenario, only parts of the exported images use the correct variable mode.

Given this simple variable setup in a variable library file:

And this simple component in a component library file, utilizing the variables from the variable library file:

When I pull in the component from the component library file into the variable library file and set the page variable mode to “dark” the component looks like this in the file:

But when exported through the REST api, it looks like this:

Exporting it through the UI works as expected. This bug is seen for both svg and png.

How to reproduce:

• Create a variable library file that supports two modes (light/dark) and publish them.


• In a separate file, create a component using variables from the variable library file and publish it.


• Import component onto page in the variable library file


• Set entire page to alternative mode (dark)


• Export image using REST api (/getImage)


• See result.