-
Notifications
You must be signed in to change notification settings - Fork 123
Conversation
Related to #105. |
Ok, I find these a little confusing at first read but that's not necessarily a blocker. Are the |
Resolved! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ok, that makes sense to me, this looks good
Description
Organizes, cleans-up, and structures colors in support of a variable design system that can be flexed/reduced better.
Key concepts:
Use "Base / $variant" structure for naming colors, instead of actual color representation. Example: "Accent / Three" instead of "Brick". This way users can edit the color in Global Styles and it won't always render the color title as "Brick". The
/ $variant
notation helps attribute this color as an intended alternate.Uses numeral values, instead of primary/secondary/tertiary/etc, as those are indicative of priority, instead of alternatives.
Reduces and consolidates color values (matching the initial Figma designs). Theme variations should register alternates instead of including those colors in the parent.
Screenshots
CSS:
Testing Instructions