I’m experiencing a visual inconsistency in a design file. Components using a specific drop shadow style are rendering incorrectly compared to how they used to look. However, when I detach the style, the drop shadow immediately looks as it’s supposed to, perfectly matching the library file where it is published from.
Both the component and the style are fully published and up to date. I’ve attached a video showing the issue. In the recording, you can see that if I copy and paste these two components (one with the style attached and one with the style detached) back into the library file, they both render correctly and look exactly the same.
Best answer by Matteo Mastromoro
Hi @djv
Thank you for the quick response and the detailed troubleshooting questions.
It turns out this was a configuration oversight on our end. We realized that the "Effects" variable collection had been set to the "Dark" mode on some specific pages, which caused the shadow style to render differently. Once we removed the variable mode setting the style displayed as expected. That said, one behavior is still a bit unclear: when we detached the style, the raw values reverted to the default variable mode rather than retaining the values from the active mode. Is that expected behavior?
Hi @Matteo Mastromoro, thanks for flagging this and for attaching the screen recording!
This is definitely a strange one, but the screen recording will help make it much easier for us to see exactly what's happening. The fact that the drop shadow looks correct when detached, but not when the style is linked, tells us something is off in how the applied style is being read in your design file; even though the style itself is publishing correctly from the library.
A couple of questions to help us dig deeper:
1. When did this start? Was there a specific point (e.g. after a library update or republish) when the shadow started looking different, or has it always been this way? 2. How many files are affected? Is this happening across multiple design files that consume the library, or just one specific file? 3. Is it specific to this one style? Do other effect styles (like inner shadows or blurs) from the same library behave correctly, or is it isolated to this particular drop shadow style?
In the meantime, it may also be worth checking if accepting the latest library updates in the affected file makes any difference. Feel free to let us know these additional details, and we'll do our best to investigate further.
Thank you for the quick response and the detailed troubleshooting questions.
It turns out this was a configuration oversight on our end. We realized that the "Effects" variable collection had been set to the "Dark" mode on some specific pages, which caused the shadow style to render differently. Once we removed the variable mode setting the style displayed as expected. That said, one behavior is still a bit unclear: when we detached the style, the raw values reverted to the default variable mode rather than retaining the values from the active mode. Is that expected behavior?
