Dark Light mode gradients with Buttons

Question

hello community &#128578;
our design system works with dark light mode variables which works perfectly except for the buttons which have a gradient.
Any ideas on how I create this style working with dark/light mode?

The button should be able to resize with different text lengths (working with auto layout).
Any idea appreciated &#128578;

Haroll · Answer

Hi @LottaAS of today, color variable doesn’t handle gradient. But someone as figured a way of doing it. You can find the post and the example file over there :              How can I add a gradient as variable in the new June 2023 update? Ask the community        Here is a solution using variables that mimics gradients: https://www.figma.com/community/file/1295349493892095561/gradients-with-variables

Sign up

Login with SSO

Login to the community

Login with SSO