Skip to main content

Dark Mode asset library accessibility bug

  • May 11, 2022
  • 11 replies
  • 579 views

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
  • 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
  • New Member
  • May 22, 2022

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


ahmad_tabby
  • New Member
  • May 23, 2022

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


  • August 10, 2022

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


Phil_Larsen
  • Active Member
  • 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
  • New Participant
  • November 12, 2024

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!