diff --git a/.changeset/blue-eyes-notice.md b/.changeset/blue-eyes-notice.md new file mode 100644 index 00000000000..1a4fee75337 --- /dev/null +++ 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 index 21b7ba7347d..d921e64188c 100644 --- 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 = {