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