Skip to main content
Question

Need help on components

  • September 27, 2024
  • 1 reply
  • 11 views

Deepak_Nair

Hi,

I have created a design system with both dark and light components. However, whenever I drag and drop a light variant component from the library into my work file, it appears as a dark variant. Interestingly, the library thumbnail shows it as a light variant.

Can someone please help me on this.

1 reply

AlicePackard

Hey Deepak, since this is your first post you may not have permission to post screenshots, but having a few more details about your design system would help! Could you tell me,

  1. You said “light variant component”—are you using a variant property for managing light and dark modes? The properties segment of the design panel would look something like this when you have the main component selected:
    Screenshot 2024-09-26 at 10.01.30 PM
  2. Are you using variables for color theming? One thought I had was that if “Light” is your default mode, but you’re dropping instances into a frame that has “Dark” mode applied, then the instance will inherit that mode and instantly switch to Dark. This would explain the behavior you described.

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