Icons in design library not visible in UI after UI

[Aaron_Bailey1]

My team has noticed that Icons in our design library no longer update their color (in the Figma UI component picker) when the Figma UI is in dark-mode. Prior to the new UI update, the icons would show up as white here so they were easy to see. Now our black icons show up on a dark grey background, making them hard to find.

I’m hoping to not have to update our design system to make all the icons white so I can find them, and then manually change them back to black when ever I place them on the art board. Not sure if it helps/hurts, but we have light and dark colors assigned to these icons in our library.

[Kevin_Miranda]

I have the same issue:

Is there any fix for this?

[Aaron_Bailey1]

Found a solution.

In your design library, make sure the component container has a white background, but the individual component variants have a transparent background. This should give your icons a white background in the UI picker, but not include the white background when you place the icons in your file.

I think you can also throw all your icons in a frame with a white background for the same effect, but I just did it component by component.