Currently, our design system contains components for light mode, and my team is working on adding support for dark mode as well. We decided to include a copy of each of the components in its dark mode design, and have a toggle for an easy change between the states.
The thing is, this means we need to manually maintain a duplicate copy (we prefer not to nest the light mode as a new variant inside the dark mode as the overrides will not be carried over), and overall it doesn’t look that efficient.
I checked the plug-ins out there and there are some really good ones but I couldn’t find something that will work with external styles (i.e. our design library) while still give us the control we need.
I was wondering how are you doing it in the libraries you manage.