Skip to main content
Max_Weir
Max_Weir
March 30, 2024
Question

Dark-mode variables and foundation setup

  • March 30, 2024
  • 3 replies
  • 771 views

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?

This topic has been closed for replies.

3 replies

Max_Weir
Max_WeirAuthor
March 30, 2024

Here’s a link to view project screenshots:

[Album] imgur.com
y_toku
Figmate
y_toku
Community Support
April 2, 2024

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.

Hoping to see some insightful responses from the community soon!

Thanks,
Toku

Rahel_Y
Rahel_Y
November 28, 2024

Were you able to find a solution for this? I’ve been having trouble mapping the dark mode tokens from my semantic collection to the third tier of component tokens.

Terms & ConditionsAccessibility statement