Skip to main content
Stanislav_Knopp
Stanislav_Knopp
July 17, 2023
Solved

Disable shadow in Dark mode with variables

  • July 17, 2023
  • 5 replies
  • 1063 views

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 🙂

cards

This topic has been closed for replies.
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.

Screenshot 2023-07-17 at 14.58.26

5 replies

Haroll
Haroll
Power 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
    EdwartAnswer
    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.

    Screenshot 2023-07-17 at 14.58.26

      Stanislav_Knopp
      Stanislav_KnoppAuthor
      July 18, 2023

      @Edwart Thank you very much 🙂

        Trevor_Dupp
        Trevor_Dupp
        July 24, 2023

        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
        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.

        image

        Terms & ConditionsAccessibility statement