Style appearance changes when detached in design files compared to the source library.

Question

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.

Matteo Mastromoro · Accepted Answer

Hi ​@djvThank 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?We appreciate your time and willingness to help.

djv · Answer

Hi ​@Matteo Mastromoro, thanksfor flagging this and for attaching thescreen 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.

Sign up

Login with SSO

Login to the community

Login with SSO