Hi there, I recently created a basic set of variables for my design system which I use as a starting point for a variety of web projects. I’ve wireframed a large number of pages in grayscale and now wish to swap in the branded colors using variable modes, but I’m foreseeing a problem.

I would have to add the branded colors to my core design library to use mode switching. After the project is completed I’d have to hide the branded colors with scoping, and would need to re-enable them if I ever needed to go back into the project. Overtime this would cause a lot of bloat in my core variable set.

I could manually apply the brand colors with a set of local variables in each working design file, but then I wouldn’t be able to take advantage of variable modes. Using a plugin like variable manager to copy my core variables into each design file would require me to manually push core updates into each file instead of utilizing library sharing. Neither of these solutions seems very efficient.

I don’t have a huge amount of knowledge with variables so I may be overlooking something simple but I feel a bit stuck. Any advice would be appreciated!