Add open and closed color roles

[simurai]

What are you trying to accomplish?

This is part of https://github.com/github/primer/issues/725 and adds 2 new color roles (open + closed):

It also makes sure that the Open and Done states don't clash in the colorblind theme and the Closed state is more neutral like Draft:

Before	After

Tasks

• Add new utilities
• Use new variables for State--open and State--closed
• Add new Label--open and Label--closed variations
• Update @primer/primitives once Add open and closed roles primitives#296 is released

What approach did you choose and why?

The new roles are needed to improve colorblind themes, see this color roles ADR.

What should reviewers focus on?

Anywhere else we could use "open/closed" colors?

Are additional changes needed?

• ⚠️ Yes, this PR depends on Add open and closed roles primitives#296

[changeset-bot]

🦋 Changeset detected

Latest commit: f8a0b2a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/css	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR