Add missing coral color to display by lukasoppermann · Pull Request #937 · primer/primitives

lukasoppermann · 2024-04-26T14:09:39Z

Summary

List of notable changes:

What should reviewers focus on?

Steps to test:

changeset-bot · 2024-04-26T14:09:43Z

🦋 Changeset detected

Latest commit: 9c4f126

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

This PR includes changesets to release 1 package

Name	Type
@primer/primitives	Patch

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

github-actions · 2024-04-26T14:10:27Z

Design Token Contrast Check

`light`: ✅ all checks passed

Show results table for theme: light

contrastPair	pass	contrastRatio	minimumContrastRatio
fgColor-default vs. bgColor-default	✅	15.79:1	4.5:1
fgColor-muted vs. bgColor-default	✅	5.33:1	4.5:1
fgColor-default vs. bgColor-muted	✅	14.83:1	4.5:1
fgColor-muted vs. bgColor-muted	✅	5.01:1	4.5:1
fgColor-default vs. bgColor-inset	✅	14.83:1	4.5:1
fgColor-muted vs. bgColor-inset	✅	5.01:1	4.5:1
fgColor-default vs. bgColor-accent-muted	✅	13.88:1	4.5:1
fgColor-default vs. bgColor-success-muted	✅	14.19:1	4.5:1
fgColor-default vs. bgColor-open-muted	✅	14.19:1	4.5:1
fgColor-default vs. bgColor-danger-muted	✅	13.77:1	4.5:1
fgColor-default vs. bgColor-closed-muted	✅	13.77:1	4.5:1
fgColor-default vs. bgColor-attention-muted	✅	14.65:1	4.5:1
fgColor-default vs. bgColor-severe-muted	✅	14.26:1	4.5:1
fgColor-default vs. bgColor-done-muted	✅	14.21:1	4.5:1
fgColor-default vs. bgColor-sponsors-muted	✅	14.24:1	4.5:1
fgColor-accent vs. bgColor-default	✅	5.19:1	4.5:1
fgColor-accent vs. bgColor-muted	✅	4.87:1	4.5:1
fgColor-accent vs. bgColor-inset	✅	4.87:1	4.5:1
fgColor-success vs. bgColor-default	✅	5.07:1	4.5:1
fgColor-success vs. bgColor-muted	✅	4.77:1	4.5:1
fgColor-success vs. bgColor-inset	✅	4.77:1	4.5:1
fgColor-open vs. bgColor-default	✅	5.07:1	4.5:1
fgColor-open vs. bgColor-muted	✅	4.77:1	4.5:1
fgColor-open vs. bgColor-inset	✅	4.77:1	4.5:1
fgColor-danger vs. bgColor-default	✅	5.24:1	4.5:1
fgColor-danger vs. bgColor-muted	✅	4.92:1	4.5:1
fgColor-danger vs. bgColor-inset	✅	4.92:1	4.5:1
fgColor-closed vs. bgColor-default	✅	5.24:1	4.5:1
fgColor-closed vs. bgColor-muted	✅	4.92:1	4.5:1
fgColor-closed vs. bgColor-inset	✅	4.92:1	4.5:1
fgColor-attention vs. bgColor-default	✅	4.86:1	4.5:1
fgColor-attention vs. bgColor-muted	✅	4.57:1	4.5:1
fgColor-attention vs. bgColor-inset	✅	4.57:1	4.5:1
fgColor-severe vs. bgColor-default	✅	5.03:1	4.5:1
fgColor-severe vs. bgColor-muted	✅	4.72:1	4.5:1
fgColor-severe vs. bgColor-inset	✅	4.72:1	4.5:1
fgColor-done vs. bgColor-default	✅	5.04:1	4.5:1
fgColor-done vs. bgColor-muted	✅	4.73:1	4.5:1
fgColor-done vs. bgColor-inset	✅	4.73:1	4.5:1
fgColor-sponsors vs. bgColor-default	✅	5.04:1	4.5:1
fgColor-sponsors vs. bgColor-muted	✅	4.73:1	4.5:1
fgColor-sponsors vs. bgColor-inset	✅	4.73:1	4.5:1
fgColor-accent vs. bgColor-accent-muted	✅	4.56:1	4.5:1
fgColor-success vs. bgColor-success-muted	✅	4.56:1	4.5:1
fgColor-open vs. bgColor-open-muted	✅	4.56:1	4.5:1
fgColor-danger vs. bgColor-danger-muted	✅	4.57:1	4.5:1
fgColor-closed vs. bgColor-closed-muted	✅	4.57:1	4.5:1
fgColor-attention vs. bgColor-attention-muted	✅	4.51:1	4.5:1
fgColor-severe vs. bgColor-severe-muted	✅	4.54:1	4.5:1
fgColor-done vs. bgColor-done-muted	✅	4.53:1	4.5:1
fgColor-sponsors vs. bgColor-sponsors-muted	✅	4.55:1	4.5:1
fgColor-onEmphasis vs. bgColor-neutral-emphasis	✅	4.54:1	4.5:1
fgColor-onEmphasis vs. bgColor-accent-emphasis	✅	5.19:1	4.5:1
fgColor-onEmphasis vs. bgColor-success-emphasis	✅	4.51:1	4.5:1
fgColor-onEmphasis vs. bgColor-open-emphasis	✅	4.51:1	4.5:1
fgColor-onEmphasis vs. bgColor-danger-emphasis	✅	5.35:1	4.5:1
fgColor-onEmphasis vs. bgColor-closed-emphasis	✅	5.35:1	4.5:1
fgColor-onEmphasis vs. bgColor-attention-emphasis	✅	4.86:1	4.5:1
fgColor-onEmphasis vs. bgColor-severe-emphasis	✅	5.03:1	4.5:1
fgColor-onEmphasis vs. bgColor-done-emphasis	✅	5.04:1	4.5:1
fgColor-onEmphasis vs. bgColor-sponsors-emphasis	✅	5.04:1	4.5:1
control-borderColor-emphasis vs. bgColor-default	✅	3.27:1	3:1
control-borderColor-emphasis vs. bgColor-muted	✅	3.08:1	3:1

`dark`: ✅ all checks passed

Show results table for theme: dark

contrastPair	pass	contrastRatio	minimumContrastRatio
fgColor-default vs. bgColor-default	✅	16.01:1	4.5:1
fgColor-muted vs. bgColor-default	✅	5.62:1	4.5:1
fgColor-default vs. bgColor-muted	✅	14.63:1	4.5:1
fgColor-muted vs. bgColor-muted	✅	5.13:1	4.5:1
fgColor-default vs. bgColor-inset	✅	17.37:1	4.5:1
fgColor-muted vs. bgColor-inset	✅	6.1:1	4.5:1
fgColor-default vs. bgColor-accent-muted on bgColor-default	✅	14.34:1	4.5:1
fgColor-default vs. bgColor-accent-muted on bgColor-muted	✅	12.91:1	4.5:1
fgColor-default vs. bgColor-success-muted on bgColor-default	✅	13.44:1	4.5:1
fgColor-default vs. bgColor-success-muted on bgColor-muted	✅	12:1	4.5:1
fgColor-default vs. bgColor-open-muted on bgColor-default	✅	14.28:1	4.5:1
fgColor-default vs. bgColor-open-muted on bgColor-muted	✅	12.85:1	4.5:1
fgColor-default vs. bgColor-danger-muted on bgColor-default	✅	14.49:1	4.5:1
fgColor-default vs. bgColor-danger-muted on bgColor-muted	✅	13.09:1	4.5:1
fgColor-default vs. bgColor-closed-muted on bgColor-default	✅	13.65:1	4.5:1
fgColor-default vs. bgColor-closed-muted on bgColor-muted	✅	12.34:1	4.5:1
fgColor-default vs. bgColor-attention-muted on bgColor-default	✅	13.4:1	4.5:1
fgColor-default vs. bgColor-attention-muted on bgColor-muted	✅	12.08:1	4.5:1
fgColor-default vs. bgColor-severe-muted on bgColor-default	✅	14.45:1	4.5:1
fgColor-default vs. bgColor-severe-muted on bgColor-muted	✅	13.03:1	4.5:1
fgColor-default vs. bgColor-done-muted on bgColor-default	✅	13.11:1	4.5:1
fgColor-default vs. bgColor-done-muted on bgColor-muted	✅	11.71:1	4.5:1
fgColor-default vs. bgColor-sponsors-muted on bgColor-default	✅	14.4:1	4.5:1
fgColor-default vs. bgColor-sponsors-muted on bgColor-muted	✅	12.98:1	4.5:1
fgColor-accent vs. bgColor-default	✅	6.1:1	4.5:1
fgColor-accent vs. bgColor-muted	✅	5.58:1	4.5:1
fgColor-accent vs. bgColor-inset	✅	6.62:1	4.5:1
fgColor-success vs. bgColor-default	✅	7.44:1	4.5:1
fgColor-success vs. bgColor-muted	✅	6.8:1	4.5:1
fgColor-success vs. bgColor-inset	✅	8.08:1	4.5:1
fgColor-open vs. bgColor-default	✅	7.44:1	4.5:1
fgColor-open vs. bgColor-muted	✅	6.8:1	4.5:1
fgColor-open vs. bgColor-inset	✅	8.08:1	4.5:1
fgColor-danger vs. bgColor-default	✅	5.64:1	4.5:1
fgColor-danger vs. bgColor-muted	✅	5.16:1	4.5:1
fgColor-danger vs. bgColor-inset	✅	6.12:1	4.5:1
fgColor-closed vs. bgColor-default	✅	5.64:1	4.5:1
fgColor-closed vs. bgColor-muted	✅	5.16:1	4.5:1
fgColor-closed vs. bgColor-inset	✅	6.12:1	4.5:1
fgColor-attention vs. bgColor-default	✅	7.49:1	4.5:1
fgColor-attention vs. bgColor-muted	✅	6.85:1	4.5:1
fgColor-attention vs. bgColor-inset	✅	8.13:1	4.5:1
fgColor-severe vs. bgColor-default	✅	5.61:1	4.5:1
fgColor-severe vs. bgColor-muted	✅	5.13:1	4.5:1
fgColor-severe vs. bgColor-inset	✅	6.09:1	4.5:1
fgColor-done vs. bgColor-default	✅	6.32:1	4.5:1
fgColor-done vs. bgColor-muted	✅	5.78:1	4.5:1
fgColor-done vs. bgColor-inset	✅	6.86:1	4.5:1
fgColor-sponsors vs. bgColor-default	✅	5.62:1	4.5:1
fgColor-sponsors vs. bgColor-muted	✅	5.14:1	4.5:1
fgColor-sponsors vs. bgColor-inset	✅	6.1:1	4.5:1
fgColor-accent vs. bgColor-accent-muted on bgColor-default	✅	5.46:1	4.5:1
fgColor-success vs. bgColor-success-muted on bgColor-default	✅	6.25:1	4.5:1
fgColor-success vs. bgColor-success-muted on bgColor-muted	✅	5.58:1	4.5:1
fgColor-open vs. bgColor-open-muted on bgColor-default	✅	6.64:1	4.5:1
fgColor-open vs. bgColor-open-muted on bgColor-muted	✅	5.97:1	4.5:1
fgColor-danger vs. bgColor-danger-muted on bgColor-default	✅	5.1:1	4.5:1
fgColor-danger vs. bgColor-danger-muted on bgColor-muted	✅	4.61:1	4.5:1
fgColor-closed vs. bgColor-closed-muted on bgColor-default	✅	4.81:1	4.5:1
fgColor-attention vs. bgColor-attention-muted on bgColor-default	✅	6.27:1	4.5:1
fgColor-attention vs. bgColor-attention-muted on bgColor-muted	✅	5.65:1	4.5:1
fgColor-severe vs. bgColor-severe-muted on bgColor-default	✅	5.06:1	4.5:1
fgColor-severe vs. bgColor-severe-muted on bgColor-muted	✅	4.57:1	4.5:1
fgColor-done vs. bgColor-done-muted on bgColor-default	✅	5.18:1	4.5:1
fgColor-done vs. bgColor-done-muted on bgColor-muted	✅	4.62:1	4.5:1
fgColor-sponsors vs. bgColor-sponsors-muted on bgColor-default	✅	5.06:1	4.5:1
fgColor-sponsors vs. bgColor-sponsors-muted on bgColor-muted	✅	4.56:1	4.5:1
fgColor-onEmphasis vs. bgColor-neutral-emphasis	✅	4.59:1	4.5:1
fgColor-onEmphasis vs. bgColor-accent-emphasis	✅	4.63:1	4.5:1
fgColor-onEmphasis vs. bgColor-success-emphasis	✅	4.63:1	4.5:1
fgColor-onEmphasis vs. bgColor-open-emphasis	✅	4.63:1	4.5:1
fgColor-onEmphasis vs. bgColor-danger-emphasis	✅	4.6:1	4.5:1
fgColor-onEmphasis vs. bgColor-closed-emphasis	✅	4.6:1	4.5:1
fgColor-onEmphasis vs. bgColor-attention-emphasis	✅	4.64:1	4.5:1
fgColor-onEmphasis vs. bgColor-severe-emphasis	✅	4.65:1	4.5:1
fgColor-onEmphasis vs. bgColor-done-emphasis	✅	4.6:1	4.5:1
fgColor-onEmphasis vs. bgColor-sponsors-emphasis	✅	4.57:1	4.5:1
control-borderColor-emphasis vs. bgColor-default	✅	3.66:1	3:1
control-borderColor-emphasis vs. bgColor-muted	✅	3.35:1	3:1

github-actions · 2024-04-26T14:10:59Z

Design Token Diff

/css/functional/themes/dark-colorblind.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css	2024-04-29 09:45:33.288145116 +0000
@@ -77,6 +77,11 @@
 --display-red-fgColor: #f27d83;
 --display-red-borderColor-muted: #58091a;
 --display-red-borderColor-emphasis: #eb3342;
+  --display-coral-bgColor-muted: #3c0614;
+  --display-coral-bgColor-emphasis: #eb3342;
+  --display-coral-fgColor: #f27d83;
+  --display-coral-borderColor-muted: #58091a;
+  --display-coral-borderColor-emphasis: #eb3342;
 --display-yellow-bgColor-muted: #2e1a00;
 --display-yellow-bgColor-emphasis: #aa7109;
 --display-yellow-fgColor: #d3910d;
@@ -620,6 +625,11 @@
   --display-red-fgColor: #f27d83;
   --display-red-borderColor-muted: #58091a;
   --display-red-borderColor-emphasis: #eb3342;
+    --display-coral-bgColor-muted: #3c0614;
+    --display-coral-bgColor-emphasis: #eb3342;
+    --display-coral-fgColor: #f27d83;
+    --display-coral-borderColor-muted: #58091a;
+    --display-coral-borderColor-emphasis: #eb3342;
   --display-yellow-bgColor-muted: #2e1a00;
   --display-yellow-bgColor-emphasis: #aa7109;
   --display-yellow-fgColor: #d3910d;

/css/functional/themes/dark-dimmed.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-dimmed.css	2024-04-29 09:45:31.988140666 +0000
@@ -77,6 +77,11 @@
 --display-red-fgColor: #f27d83;
 --display-red-borderColor-muted: #58091a;
 --display-red-borderColor-emphasis: #eb3342;
+  --display-coral-bgColor-muted: #3c0614;
+  --display-coral-bgColor-emphasis: #eb3342;
+  --display-coral-fgColor: #f27d83;
+  --display-coral-borderColor-muted: #58091a;
+  --display-coral-borderColor-emphasis: #eb3342;
 --display-yellow-bgColor-muted: #2e1a00;
 --display-yellow-bgColor-emphasis: #aa7109;
 --display-yellow-fgColor: #d3910d;
@@ -620,6 +625,11 @@
   --display-red-fgColor: #f27d83;
   --display-red-borderColor-muted: #58091a;
   --display-red-borderColor-emphasis: #eb3342;
+    --display-coral-bgColor-muted: #3c0614;
+    --display-coral-bgColor-emphasis: #eb3342;
+    --display-coral-fgColor: #f27d83;
+    --display-coral-borderColor-muted: #58091a;
+    --display-coral-borderColor-emphasis: #eb3342;
   --display-yellow-bgColor-muted: #2e1a00;
   --display-yellow-bgColor-emphasis: #aa7109;
   --display-yellow-fgColor: #d3910d;

/css/functional/themes/dark-high-contrast.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-high-contrast.css	2024-04-29 09:45:33.932147321 +0000
@@ -77,6 +77,11 @@
 --display-red-fgColor: #f27d83;
 --display-red-borderColor-muted: #58091a;
 --display-red-borderColor-emphasis: #eb3342;
+  --display-coral-bgColor-muted: #3c0614;
+  --display-coral-bgColor-emphasis: #eb3342;
+  --display-coral-fgColor: #f27d83;
+  --display-coral-borderColor-muted: #58091a;
+  --display-coral-borderColor-emphasis: #eb3342;
 --display-yellow-bgColor-muted: #2e1a00;
 --display-yellow-bgColor-emphasis: #aa7109;
 --display-yellow-fgColor: #d3910d;
@@ -620,6 +625,11 @@
   --display-red-fgColor: #f27d83;
   --display-red-borderColor-muted: #58091a;
   --display-red-borderColor-emphasis: #eb3342;
+    --display-coral-bgColor-muted: #3c0614;
+    --display-coral-bgColor-emphasis: #eb3342;
+    --display-coral-fgColor: #f27d83;
+    --display-coral-borderColor-muted: #58091a;
+    --display-coral-borderColor-emphasis: #eb3342;
   --display-yellow-bgColor-muted: #2e1a00;
   --display-yellow-bgColor-emphasis: #aa7109;
   --display-yellow-fgColor: #d3910d;

/css/functional/themes/dark-tritanopia.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia.css	2024-04-29 09:45:32.644142912 +0000
@@ -77,6 +77,11 @@
 --display-red-fgColor: #f27d83;
 --display-red-borderColor-muted: #58091a;
 --display-red-borderColor-emphasis: #eb3342;
+  --display-coral-bgColor-muted: #3c0614;
+  --display-coral-bgColor-emphasis: #eb3342;
+  --display-coral-fgColor: #f27d83;
+  --display-coral-borderColor-muted: #58091a;
+  --display-coral-borderColor-emphasis: #eb3342;
 --display-yellow-bgColor-muted: #2e1a00;
 --display-yellow-bgColor-emphasis: #aa7109;
 --display-yellow-fgColor: #d3910d;
@@ -620,6 +625,11 @@
   --display-red-fgColor: #f27d83;
   --display-red-borderColor-muted: #58091a;
   --display-red-borderColor-emphasis: #eb3342;
+    --display-coral-bgColor-muted: #3c0614;
+    --display-coral-bgColor-emphasis: #eb3342;
+    --display-coral-fgColor: #f27d83;
+    --display-coral-borderColor-muted: #58091a;
+    --display-coral-borderColor-emphasis: #eb3342;
   --display-yellow-bgColor-muted: #2e1a00;
   --display-yellow-bgColor-emphasis: #aa7109;
   --display-yellow-fgColor: #d3910d;

/css/functional/themes/dark.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark.css	2024-04-29 09:45:31.340138448 +0000
@@ -77,6 +77,11 @@
 --display-red-fgColor: #f27d83;
 --display-red-borderColor-muted: #58091a;
 --display-red-borderColor-emphasis: #eb3342;
+  --display-coral-bgColor-muted: #3c0614;
+  --display-coral-bgColor-emphasis: #eb3342;
+  --display-coral-fgColor: #f27d83;
+  --display-coral-borderColor-muted: #58091a;
+  --display-coral-borderColor-emphasis: #eb3342;
 --display-yellow-bgColor-muted: #2e1a00;
 --display-yellow-bgColor-emphasis: #aa7109;
 --display-yellow-fgColor: #d3910d;
@@ -620,6 +625,11 @@
   --display-red-fgColor: #f27d83;
   --display-red-borderColor-muted: #58091a;
   --display-red-borderColor-emphasis: #eb3342;
+    --display-coral-bgColor-muted: #3c0614;
+    --display-coral-bgColor-emphasis: #eb3342;
+    --display-coral-fgColor: #f27d83;
+    --display-coral-borderColor-muted: #58091a;
+    --display-coral-borderColor-emphasis: #eb3342;
   --display-yellow-bgColor-muted: #2e1a00;
   --display-yellow-bgColor-emphasis: #aa7109;
   --display-yellow-fgColor: #d3910d;

/css/functional/themes/light-colorblind.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-colorblind.css	2024-04-29 09:45:29.864133395 +0000
@@ -77,6 +77,11 @@
 --display-red-fgColor: #c50d28;
 --display-red-borderColor-muted: #fecdcd;
 --display-red-borderColor-emphasis: #df0c24;
+  --display-coral-bgColor-muted: #ffe5db;
+  --display-coral-bgColor-emphasis: #d43511;
+  --display-coral-fgColor: #ba2e12;
+  --display-coral-borderColor-muted: #fecebe;
+  --display-coral-borderColor-emphasis: #d43511;
 --display-yellow-bgColor-muted: #ffec9e;
 --display-yellow-bgColor-emphasis: #946a00;
 --display-yellow-fgColor: #805900;
@@ -620,6 +625,11 @@
   --display-red-fgColor: #c50d28;
   --display-red-borderColor-muted: #fecdcd;
   --display-red-borderColor-emphasis: #df0c24;
+    --display-coral-bgColor-muted: #ffe5db;
+    --display-coral-bgColor-emphasis: #d43511;
+    --display-coral-fgColor: #ba2e12;
+    --display-coral-borderColor-muted: #fecebe;
+    --display-coral-borderColor-emphasis: #d43511;
   --display-yellow-bgColor-muted: #ffec9e;
   --display-yellow-bgColor-emphasis: #946a00;
   --display-yellow-fgColor: #805900;

/css/functional/themes/light-high-contrast.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-high-contrast.css	2024-04-29 09:45:30.640136051 +0000
@@ -77,6 +77,11 @@
 --display-red-fgColor: #c50d28;
 --display-red-borderColor-muted: #fecdcd;
 --display-red-borderColor-emphasis: #df0c24;
+  --display-coral-bgColor-muted: #ffe5db;
+  --display-coral-bgColor-emphasis: #d43511;
+  --display-coral-fgColor: #ba2e12;
+  --display-coral-borderColor-muted: #fecebe;
+  --display-coral-borderColor-emphasis: #d43511;
 --display-yellow-bgColor-muted: #ffec9e;
 --display-yellow-bgColor-emphasis: #946a00;
 --display-yellow-fgColor: #805900;
@@ -620,6 +625,11 @@
   --display-red-fgColor: #c50d28;
   --display-red-borderColor-muted: #fecdcd;
   --display-red-borderColor-emphasis: #df0c24;
+    --display-coral-bgColor-muted: #ffe5db;
+    --display-coral-bgColor-emphasis: #d43511;
+    --display-coral-fgColor: #ba2e12;
+    --display-coral-borderColor-muted: #fecebe;
+    --display-coral-borderColor-emphasis: #d43511;
   --display-yellow-bgColor-muted: #ffec9e;
   --display-yellow-bgColor-emphasis: #946a00;
   --display-yellow-fgColor: #805900;

/css/functional/themes/light-tritanopia.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-tritanopia.css	2024-04-29 09:45:29.164130998 +0000
@@ -77,6 +77,11 @@
 --display-red-fgColor: #c50d28;
 --display-red-borderColor-muted: #fecdcd;
 --display-red-borderColor-emphasis: #df0c24;
+  --display-coral-bgColor-muted: #ffe5db;
+  --display-coral-bgColor-emphasis: #d43511;
+  --display-coral-fgColor: #ba2e12;
+  --display-coral-borderColor-muted: #fecebe;
+  --display-coral-borderColor-emphasis: #d43511;
 --display-yellow-bgColor-muted: #ffec9e;
 --display-yellow-bgColor-emphasis: #946a00;
 --display-yellow-fgColor: #805900;
@@ -620,6 +625,11 @@
   --display-red-fgColor: #c50d28;
   --display-red-borderColor-muted: #fecdcd;
   --display-red-borderColor-emphasis: #df0c24;
+    --display-coral-bgColor-muted: #ffe5db;
+    --display-coral-bgColor-emphasis: #d43511;
+    --display-coral-fgColor: #ba2e12;
+    --display-coral-borderColor-muted: #fecebe;
+    --display-coral-borderColor-emphasis: #d43511;
   --display-yellow-bgColor-muted: #ffec9e;
   --display-yellow-bgColor-emphasis: #946a00;
   --display-yellow-fgColor: #805900;

/css/functional/themes/light.css

+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light.css	2024-04-29 09:45:28.104127370 +0000
@@ -77,6 +77,11 @@
 --display-red-fgColor: #c50d28;
 --display-red-borderColor-muted: #fecdcd;
 --display-red-borderColor-emphasis: #df0c24;
+  --display-coral-bgColor-muted: #ffe5db;
+  --display-coral-bgColor-emphasis: #d43511;
+  --display-coral-fgColor: #ba2e12;
+  --display-coral-borderColor-muted: #fecebe;
+  --display-coral-borderColor-emphasis: #d43511;
 --display-yellow-bgColor-muted: #ffec9e;
 --display-yellow-bgColor-emphasis: #946a00;
 --display-yellow-fgColor: #805900;
@@ -620,6 +625,11 @@
   --display-red-fgColor: #c50d28;
   --display-red-borderColor-muted: #fecdcd;
   --display-red-borderColor-emphasis: #df0c24;
+    --display-coral-bgColor-muted: #ffe5db;
+    --display-coral-bgColor-emphasis: #d43511;
+    --display-coral-fgColor: #ba2e12;
+    --display-coral-borderColor-muted: #fecebe;
+    --display-coral-borderColor-emphasis: #d43511;
   --display-yellow-bgColor-muted: #ffec9e;
   --display-yellow-bgColor-emphasis: #946a00;
   --display-yellow-fgColor: #805900;

add coral color to display

b9b9b0b

lukasoppermann requested review from a team as code owners April 26, 2024 14:09

lukasoppermann requested a review from jonrohan April 26, 2024 14:09

lukasoppermann temporarily deployed to github-pages April 26, 2024 14:11 — with GitHub Actions Inactive

github-actions Bot temporarily deployed to Preview (Storybook) April 26, 2024 14:11 Inactive

lukasoppermann added the update snapshots Update visual regression test snapshots label Apr 26, 2024

lukasoppermann requested review from langermank and removed request for jonrohan April 26, 2024 14:23

Merge branch 'main' into add-coral

fcf8d4a

lukasoppermann temporarily deployed to github-pages April 26, 2024 14:27 — with GitHub Actions Inactive

github-actions Bot temporarily deployed to Preview (Storybook) April 26, 2024 14:27 Inactive

github-actions Bot removed the update snapshots Update visual regression test snapshots label Apr 26, 2024

Merge branch 'main' into add-coral

5d54f05

lukasoppermann added the update snapshots Update visual regression test snapshots label Apr 29, 2024

lukasoppermann temporarily deployed to github-pages April 29, 2024 09:16 — with GitHub Actions Inactive

github-actions Bot temporarily deployed to Preview (Storybook) April 29, 2024 09:16 Inactive

github-actions[bot] Regenerated snapshots

9c4f126

github-actions Bot removed the update snapshots Update visual regression test snapshots label Apr 29, 2024

primer Bot temporarily deployed to github-pages April 29, 2024 09:46 Inactive

github-actions Bot temporarily deployed to Preview (Storybook) April 29, 2024 09:46 Inactive

lukasoppermann merged commit 6c7d120 into main Apr 29, 2024

lukasoppermann deleted the add-coral branch April 29, 2024 11:02

github-actions Bot mentioned this pull request Apr 29, 2024

Release Tracking #930

Merged

Navigation Menu

Repository navigation

Add missing coral color to display - #937

Add missing coral color to display#937
lukasoppermann merged 4 commits into
mainfrom
add-coral

lukasoppermann commented Apr 26, 2024

Uh oh!

changeset-bot Bot commented Apr 26, 2024 •

edited

Loading

Uh oh!

github-actions Bot commented Apr 26, 2024 •

edited

Loading

Uh oh!

github-actions Bot commented Apr 26, 2024 •

edited

Loading

/css/functional/themes/dark-colorblind.css

/css/functional/themes/dark-dimmed.css

/css/functional/themes/dark-high-contrast.css

/css/functional/themes/dark-tritanopia.css

/css/functional/themes/dark.css

/css/functional/themes/light-colorblind.css

/css/functional/themes/light-high-contrast.css

/css/functional/themes/light-tritanopia.css

/css/functional/themes/light.css

Uh oh!

This branch was previously deployed

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

lukasoppermann commented Apr 26, 2024

Summary

List of notable changes:

What should reviewers focus on?

Steps to test:

Uh oh!

changeset-bot Bot commented Apr 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

github-actions Bot commented Apr 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Design Token Contrast Check

light: ✅ all checks passed

dark: ✅ all checks passed

Uh oh!

github-actions Bot commented Apr 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Design Token Diff

/css/functional/themes/dark-colorblind.css

/css/functional/themes/dark-dimmed.css

/css/functional/themes/dark-high-contrast.css

/css/functional/themes/dark-tritanopia.css

/css/functional/themes/dark.css

/css/functional/themes/light-colorblind.css

/css/functional/themes/light-high-contrast.css

/css/functional/themes/light-tritanopia.css

/css/functional/themes/light.css

Uh oh!

This branch was previously deployed

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

changeset-bot Bot commented Apr 26, 2024 •

edited

Loading

github-actions Bot commented Apr 26, 2024 •

edited

Loading

`light`: ✅ all checks passed

`dark`: ✅ all checks passed

github-actions Bot commented Apr 26, 2024 •

edited

Loading