Skip to main content
Solved

Disable shadow in Dark mode with variables


Stanislav_Knopp

I have card components which use smadows in Light mode, but can I disable them in Dark mode using Variables? Can’t figure it out. Thanks 🙂

Best answer by Edwart

Hi @Stanislav_Knopp,

As Harrol mentioned it is not possible directly, but you can work with boolean properties for variants in combination with boolean variables per mode. Added screenshot for explanation.

View original

Haroll
  • Active Member
  • July 17, 2023

Hi @Stanislav_Knopp

I don’t think it’s possible at the moment, but Figma plans to add support for variables in other places soon (some are described on the link bellow). You might need to wait a little bit

Figma Help Center

Edwart
  • July 17, 2023

Hi @Stanislav_Knopp,

As Harrol mentioned it is not possible directly, but you can work with boolean properties for variants in combination with boolean variables per mode. Added screenshot for explanation.


Stanislav_Knopp

@Edwart Thank you very much 🙂


Trevor_Dupp

Great solution, unfortunately if you try to nest an instance of that card into another component that relationship gets stripped out.

As long as you don’t nest it - that solution will work 🙂


Emir3
  • November 28, 2024

Maybe this is outdated, but there is what I did.

I have used this method with variables to solve it the light/dark mode. So far it works really well.


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