Color Variables, Layer Styles Workflow

Hey everyone,

I am revisiting our design system after a long period of time and I am planning on rebuilding it from the ground up. (It feels dated now)

For context our design system is an in-house design system that we design all external projects with, so its priority is flexibility. Think of it as a vanilla design system that we change it to suit each project.

I am starting with color’s and wonder how everyone is handling creating and managing color variables and layer styles through their document and shared libraries ?

Are you creating global color variables to use throughout the document or are you applying them granular, ie Text Styles have their own set of variables, Icons have their own set of variables, Forms have their own set of variables (even when colors are common between the text, icons, forms etc)

Are you using Color variables to color your layer styles? Are you still using layer styles ?