Skip to main content

Dark Mode asset library accessibility bug


Roozbeh

After changing the theme to dark I have issue with component preview in Assets panel. The component background turned dark and dark components are not visible. Do you have the same issue?

Screen Shot 2022-05-11 at 16.08.58

11 replies

Skvortsov_Mihail

The same issue with my icons libary…
Need white bg for preview


Roozbeh
  • Author
  • 2 replies
  • May 12, 2022

I am reposting this because I didn’t get much replies and this rather an important issue. After enabling dark mode, the assets with darer color are barely visible in assets panel due to their dark background. Is there any workaround or we should wait for a fix?

Screen Shot 2022-05-11 at 16.09.04


Shelby_Zasacky

LOVE the new dark mode! Truly, excellent job and excellent talk at config Figma team.

The one thing that has been a bit of an issue is assets and components that default in light mode being super low contrast and very hard to see or use on the side bar. Even a mid-gray value for the cards would be a bit better as a quick fix! I’ve attached an example of the Microsoft fluent icons


Pavel_Kiselev

Well, if you design dark with light mode on, it is not any better 😉


Adam_Ogrodnik

Try to wrap them in a frame with light bg and re-publish.
Brute force workaround: you can also try do just add bg to all these icons.


ahmad_tabby

Same issue with icons, can’t see anything. Always need to switch to light mode to view these assets.


ahmad_tabby

Facing the same issue. Forced to switch to light view to view these assets. Dark mode isn’t useful at all until this gets resolved.


Atiqur_Rahaman


Same issue. Need an update for that


  • 0 replies
  • August 10, 2022

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.


Phil_Larsen
  • Active Member
  • 130 replies
  • November 4, 2022

This issue is still persisting for me, however it is more the labels that give me trouble. In light mode the text is legible, but in dark mode something isn’t adjusting properly resulting in poor readability.

image


Paul_Anastasiu

hey all, I found a work-around for this. basically Figma will default to whatever background you’ve used for the icons WRAPPER frame. so if your icons are part of the component set, you can add a background to that, and it will render your icons visible again. HOWEVER, if that frame is inside of a section, then Figma defaults to the sections color, so you gotta adjust that background color.

old topic, but finally solved!


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings