Use open/closed colors for StateLabel

.changeset/unlucky-books-sort.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Use open/closed colors for `StateLabel`

e2e/components/PageHeader.test.ts

@@ -98,6 +98,7 @@ test.describe('PageHeader', () => {
             rules: {
               'color-contrast': {
                 enabled:
+                  theme !== 'dark_colorblind' &&
                   theme !== 'dark_dimmed' &&
                   theme !== 'light' &&
                   theme !== 'light_colorblind' &&
@@ -138,6 +139,7 @@ test.describe('PageHeader', () => {
             rules: {
               'color-contrast': {
                 enabled:
+                  theme !== 'dark_colorblind' &&
                   theme !== 'dark_dimmed' &&
                   theme !== 'light' &&
                   theme !== 'light_colorblind' &&

e2e/components/UnderlineNav.test.ts

@@ -63,7 +63,7 @@ test.describe('UnderlineNav', () => {
 
           // These themes currently have a contrast violation due to
           // `StateLabel`
-          const denylist = new Set(['light', 'light_colorblind', 'light_tritanopia', 'dark_dimmed'])
+          const denylist = new Set(['light', 'light_colorblind', 'light_tritanopia', 'dark_colorblind', 'dark_dimmed'])
 
           await expect(page).toHaveNoViolations({
             rules: {

src/StateLabel/StateLabel.tsx

@@ -38,19 +38,19 @@ const colorVariants = variant({
       color: 'fg.onEmphasis',
     },
     pullClosed: {
-      backgroundColor: 'danger.emphasis',
+      backgroundColor: 'closed.emphasis',
       color: 'fg.onEmphasis',
     },
     pullMerged: {
       backgroundColor: 'done.emphasis',
       color: 'fg.onEmphasis',
     },
     issueOpened: {
-      backgroundColor: 'success.emphasis',
+      backgroundColor: 'open.emphasis',
       color: 'fg.onEmphasis',
     },
     pullOpened: {
-      backgroundColor: 'success.emphasis',
+      backgroundColor: 'open.emphasis',
       color: 'fg.onEmphasis',
     },
     draft: {