Hi,
When designing screens for our platform we use 2 design systems within one frame and even within the same component. We have:
- Our own design system with light and dark theming
- Either Material Design or IOS 26 with light and dark theming
Currently it is, to my knowledge, not possible to use these two efficiently in tandem. For example:
I can switch both to dark mode but then variables used from one design system used in components of the other design system will not change. To illustrate this: I use the tab bar from the IOS 26 library but override the text labels with variables from our own design system. Now, when I switch to dark mode these overwritten values will not change.
Is there a solution that I am not aware of to tackle this issue? If not, perhaps a universal switch that works across libraries would be an idea?