So I addressed this by creating a table of backgrounds that have designated color styles.

So there’s a button background. And a secondary button background (which includes a border)

The default styling for Background/Button is OceanBlue, no stroke.

The default styling for Background/SecondaryButton is White, OceanBlue stroke (1.5px)

So I definitely see what you mean — but generating this table of backgrounds only needs to occur once.

I will say that all of this works better if you’re really operating using component-based design.

I wouldn’t have to hunt around the design to edit all my CTA borders because there’s only one CTA component, which I change and the instances reflect that change globally.

I’m a Product Designer at Grubhub working on the LevelUp Team to create branded apps for restaurants.

I’m a Product Designer at Grubhub working on the LevelUp Team to create branded apps for restaurants.