Dark-mode variables and foundation setup

[Max_Weir]

For my Primitives, I have added the Neutral colours as hex codes, light and dark use separate palettes and don’t pull from the same palette.

When I go to map my Primitives to their Semantic names, the dark mode column shows the same colours as the light mode. There’s no way for me to add the dark mode primitives I’ve defined before.

Also, to preview how my design will look in dark mode I have to switch both Semantic/Primitive modes in order to see the theme change.

Is there a better way I could do this?

[Max_Weir]

Here’s a link to view project screenshots:

[Album] imgur.com

[y_toku]

I’m also particularly interested in understanding how you’re handling different modes. While I can’t provide direct advice, I did come across a fascinating discussion on this topic earlier. I thought it might be helpful for you.

Light & dark mode for themes variables

Hello, I’m wondering for your advice on how to best achieve the following with variables: Have default light & dark mode Have themes and each theme would have a light & dark mode There is one way I can think of to solve this: Have two collections - one with all of the colours and the other with all of the themes (for example light, dark, purple light, purple dark) Is there a way to have one theme only (purple) which would work perfectly with either light or dark mode selected? I apprecia…

Hoping to see some insightful responses from the community soon!

Thanks,
Toku