Update green and red values (#12398)

### WHY are these changes introduced? Fixes Shopify/polaris-internal#594
Shopify · Jul 16, 2024 · b4cbdef · b4cbdef
1 parent 2d79644
commit b4cbdef
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 32 deletions.
diff --git a/.changeset/blue-eyes-notice.md b/.changeset/blue-eyes-notice.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris-tokens': minor
+---
+
+Update the green and red token values
diff --git a/polaris-tokens/src/colors.ts b/polaris-tokens/src/colors.ts
@@ -101,22 +101,22 @@ export const cyan: Color = {
 };
 
 export const green: Color = {
-  '1': 'rgba(248, 255, 251, 1)',
-  '2': 'rgba(227, 255, 237, 1)',
-  '3': 'rgba(205, 254, 225, 1)',
-  '4': 'rgba(180, 254, 210, 1)',
-  '5': 'rgba(146, 254, 194, 1)',
-  '6': 'rgba(99, 253, 176, 1)',
-  '7': 'rgba(56, 250, 163, 1)',
-  '8': 'rgba(53, 238, 155, 1)',
-  '9': 'rgba(50, 225, 147, 1)',
-  '10': 'rgba(46, 211, 137, 1)',
-  '11': 'rgba(50, 160, 110, 1)',
-  '12': 'rgba(41, 132, 90, 1)',
-  '13': 'rgba(19, 111, 69, 1)',
-  '14': 'rgba(12, 81, 50, 1)',
-  '15': 'rgba(8, 61, 37, 1)',
-  '16': 'rgba(9, 42, 27, 1)',
+  '1': 'rgba(250, 255, 251, 1)',
+  '2': 'rgba(230, 254, 234, 1)',
+  '3': 'rgba(205, 254, 212, 1)',
+  '4': 'rgba(175, 254, 191, 1)',
+  '5': 'rgba(146, 252, 172, 1)',
+  '6': 'rgba(110, 247, 153, 1)',
+  '7': 'rgba(82, 244, 144, 1)',
+  '8': 'rgba(44, 237, 131, 1)',
+  '9': 'rgba(17, 223, 123, 1)',
+  '10': 'rgba(24, 191, 121, 1)',
+  '11': 'rgba(13, 156, 106, 1)',
+  '12': 'rgba(4, 123, 93, 1)',
+  '13': 'rgba(3, 94, 76, 1)',
+  '14': 'rgba(1, 75, 64, 1)',
+  '15': 'rgba(7, 54, 48, 1)',
+  '16': 'rgba(2, 38, 34, 1)',
 };
 
 export const lime: Color = {
@@ -196,22 +196,22 @@ export const purple: Color = {
 };
 
 export const red: Color = {
-  '1': 'rgba(255, 251, 251, 1)',
-  '2': 'rgba(255, 246, 246, 1)',
-  '3': 'rgba(255, 237, 236, 1)',
-  '4': 'rgba(254, 233, 232, 1)',
-  '5': 'rgba(254, 226, 225, 1)',
-  '6': 'rgba(254, 218, 217, 1)',
-  '7': 'rgba(254, 211, 209, 1)',
-  '8': 'rgba(254, 195, 193, 1)',
-  '9': 'rgba(253, 176, 172, 1)',
-  '10': 'rgba(253, 129, 122, 1)',
-  '11': 'rgba(239, 77, 47, 1)',
-  '12': 'rgba(229, 28, 0, 1)',
-  '13': 'rgba(181, 38, 11, 1)',
-  '14': 'rgba(142, 31, 11, 1)',
-  '15': 'rgba(95, 21, 7, 1)',
-  '16': 'rgba(47, 10, 4, 1)',
+  '1': 'rgba(255, 250, 251, 1)',
+  '2': 'rgba(255, 246, 248, 1)',
+  '3': 'rgba(255, 236, 239, 1)',
+  '4': 'rgba(254, 232, 235, 1)',
+  '5': 'rgba(254, 225, 230, 1)',
+  '6': 'rgba(254, 217, 223, 1)',
+  '7': 'rgba(254, 209, 215, 1)',
+  '8': 'rgba(254, 193, 199, 1)',
+  '9': 'rgba(253, 172, 177, 1)',
+  '10': 'rgba(247, 128, 134, 1)',
+  '11': 'rgba(226, 44, 56, 1)',
+  '12': 'rgba(199, 10, 36, 1)',
+  '13': 'rgba(163, 10, 36, 1)',
+  '14': 'rgba(142, 11, 33, 1)',
+  '15': 'rgba(95, 7, 22, 1)',
+  '16': 'rgba(47, 4, 11, 1)',
 };
 
 export const rose: Color = {