Skip to main content
Question

Icons in design library not visible in UI after UI

  • November 27, 2024
  • 2 replies
  • 223 views

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.

This topic has been closed for replies.

2 replies

Kevin_Miranda

I have the same issue:

Is there any fix for this?


Aaron_Bailey1
  • Author
  • New Member
  • 1 reply
  • December 4, 2024

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.