From 8c628a92ac494ad64e49a413b03f602db733ff9d Mon Sep 17 00:00:00 2001
From: Mikyo King <mikyo@arize.com>
Date: Fri, 8 Dec 2023 16:12:54 -0700
Subject: [PATCH] chore: switch all colors to rgb so opacities can be applied

---
 src/provider/GlobalStyles.tsx | 384 +++++++++++++++++-----------------
 1 file changed, 192 insertions(+), 192 deletions(-)

diff --git a/src/provider/GlobalStyles.tsx b/src/provider/GlobalStyles.tsx
index 2e307805..033230f2 100644
--- a/src/provider/GlobalStyles.tsx
+++ b/src/provider/GlobalStyles.tsx
@@ -158,200 +158,200 @@ export const darkThemeCSS = css`
     --ac-global-color-gray-100: #666b71;
 
     // The newer grays (grey)
-    --ac-global-color-grey-50: #000000;
-    --ac-global-color-grey-75: #0e0e0e;
-    --ac-global-color-grey-100: #1d1d1d;
-    --ac-global-color-grey-200: #303030;
-    --ac-global-color-grey-300: #4b4b4b;
-    --ac-global-color-grey-400: #6a6a6a;
-    --ac-global-color-grey-500: #8d8d8d;
-    --ac-global-color-grey-600: #b0b0b0;
-    --ac-global-color-grey-700: #d0d0d0;
-    --ac-global-color-grey-800: #ebebeb;
-    --ac-global-color-grey-900: #ffffff;
+    --ac-global-color-grey-50: rgb(0, 0, 0);
+    --ac-global-color-grey-75: rgb(14, 14, 14);
+    --ac-global-color-grey-100: rgb(29, 29, 29);
+    --ac-global-color-grey-200: rgb(48, 48, 48);
+    --ac-global-color-grey-300: rgb(75, 75, 75);
+    --ac-global-color-grey-400: rgb(106, 106, 106);
+    --ac-global-color-grey-500: rgb(141, 141, 141);
+    --ac-global-color-grey-600: rgb(176, 176, 176);
+    --ac-global-color-grey-700: rgb(208, 208, 208);
+    --ac-global-color-grey-800: rgb(235, 235, 235);
+    --ac-global-color-grey-900: rgb(255, 255, 255);
 
-    --ac-global-color-red-100: #570000;
-    --ac-global-color-red-200: #6e0000;
-    --ac-global-color-red-300: #8a0000;
-    --ac-global-color-red-400: #a70000;
-    --ac-global-color-red-500: #c40706;
-    --ac-global-color-red-600: #dd2118;
-    --ac-global-color-red-700: #ee4331;
-    --ac-global-color-red-800: #f9634c;
-    --ac-global-color-red-900: #ff816b;
-    --ac-global-color-red-1000: #ff9e8c;
-    --ac-global-color-red-1100: #ffb7a9;
-    --ac-global-color-red-1200: #ffcdc3;
-    --ac-global-color-red-1300: #ffdfd9;
-    --ac-global-color-red-1400: #ffedea;
-    --ac-global-color-orange-100: #481801;
-    --ac-global-color-orange-200: #5c2000;
-    --ac-global-color-orange-300: #732b00;
-    --ac-global-color-orange-400: #8a3700;
-    --ac-global-color-orange-500: #a24400;
-    --ac-global-color-orange-600: #ba5200;
-    --ac-global-color-orange-700: #d26200;
-    --ac-global-color-orange-800: #e87400;
-    --ac-global-color-orange-900: #f98917;
-    --ac-global-color-orange-1000: #ffa23b;
-    --ac-global-color-orange-1100: #ffbc66;
-    --ac-global-color-orange-1200: #fdd291;
-    --ac-global-color-orange-1300: #ffe2b5;
-    --ac-global-color-orange-1400: #ffefd5;
-    --ac-global-color-yellow-100: #352400;
-    --ac-global-color-yellow-200: #442f00;
-    --ac-global-color-yellow-300: #563e00;
-    --ac-global-color-yellow-400: #674d00;
-    --ac-global-color-yellow-500: #7a5c00;
-    --ac-global-color-yellow-600: #8d6c00;
-    --ac-global-color-yellow-700: #a17e00;
-    --ac-global-color-yellow-800: #b49000;
-    --ac-global-color-yellow-900: #c7a200;
-    --ac-global-color-yellow-1000: #d8b500;
-    --ac-global-color-yellow-1100: #e9c700;
-    --ac-global-color-yellow-1200: #f7d804;
-    --ac-global-color-yellow-1300: #f9e961;
-    --ac-global-color-yellow-1400: #fcf3aa;
-    --ac-global-color-chartreuse-100: #202b00;
-    --ac-global-color-chartreuse-200: #2a3800;
-    --ac-global-color-chartreuse-300: #364800;
-    --ac-global-color-chartreuse-400: #425800;
-    --ac-global-color-chartreuse-500: #4f6900;
-    --ac-global-color-chartreuse-600: #5d7b00;
-    --ac-global-color-chartreuse-700: #6b8e00;
-    --ac-global-color-chartreuse-800: #7aa100;
-    --ac-global-color-chartreuse-900: #8ab403;
-    --ac-global-color-chartreuse-1000: #9ac60b;
-    --ac-global-color-chartreuse-1100: #aad816;
-    --ac-global-color-chartreuse-1200: #bbe829;
-    --ac-global-color-chartreuse-1300: #cdf648;
-    --ac-global-color-chartreuse-1400: #e1fd84;
-    --ac-global-color-celery-100: #002f07;
-    --ac-global-color-celery-200: #003d09;
-    --ac-global-color-celery-300: #004d0c;
-    --ac-global-color-celery-400: #005f0f;
-    --ac-global-color-celery-500: #00710f;
-    --ac-global-color-celery-600: #00840f;
-    --ac-global-color-celery-700: #009714;
-    --ac-global-color-celery-800: #0dab25;
-    --ac-global-color-celery-900: #2dbf3a;
-    --ac-global-color-celery-1000: #50d052;
-    --ac-global-color-celery-1100: #73e06b;
-    --ac-global-color-celery-1200: #93ed83;
-    --ac-global-color-celery-1300: #b4f7a2;
-    --ac-global-color-celery-1400: #d5fcca;
-    --ac-global-color-green-100: #0a2c1c;
-    --ac-global-color-green-200: #073b24;
-    --ac-global-color-green-300: #004c2e;
-    --ac-global-color-green-400: #005d39;
-    --ac-global-color-green-500: #006f45;
-    --ac-global-color-green-600: #008252;
-    --ac-global-color-green-700: #009562;
-    --ac-global-color-green-800: #1ca872;
-    --ac-global-color-green-900: #34bb84;
-    --ac-global-color-green-1000: #4bcd95;
-    --ac-global-color-green-1100: #67dea8;
-    --ac-global-color-green-1200: #89ecbc;
-    --ac-global-color-green-1300: #b1f4d1;
-    --ac-global-color-green-1400: #d6f9e4;
-    --ac-global-color-seafoam-100: #122b2a;
-    --ac-global-color-seafoam-200: #133937;
-    --ac-global-color-seafoam-300: #104946;
-    --ac-global-color-seafoam-400: #035b58;
-    --ac-global-color-seafoam-500: #006c68;
-    --ac-global-color-seafoam-600: #007f79;
-    --ac-global-color-seafoam-700: #00928c;
-    --ac-global-color-seafoam-800: #00a59f;
-    --ac-global-color-seafoam-900: #1ab9b2;
-    --ac-global-color-seafoam-1000: #42cac3;
-    --ac-global-color-seafoam-1100: #66dad3;
-    --ac-global-color-seafoam-1200: #8be8e1;
-    --ac-global-color-seafoam-1300: #b3f2ed;
-    --ac-global-color-seafoam-1400: #d7f8f4;
-    --ac-global-color-cyan-100: #002944;
-    --ac-global-color-cyan-200: #003658;
-    --ac-global-color-cyan-300: #00456c;
-    --ac-global-color-cyan-400: #005680;
-    --ac-global-color-cyan-500: #006793;
-    --ac-global-color-cyan-600: #0079a7;
-    --ac-global-color-cyan-700: #008cba;
-    --ac-global-color-cyan-800: #04a0cd;
-    --ac-global-color-cyan-900: #17b4dd;
-    --ac-global-color-cyan-1000: #39c7ea;
-    --ac-global-color-cyan-1100: #60d8f3;
-    --ac-global-color-cyan-1200: #86e6fa;
-    --ac-global-color-cyan-1300: #aaf2ff;
-    --ac-global-color-cyan-1400: #cef9ff;
-    --ac-global-color-blue-100: #002651;
-    --ac-global-color-blue-200: #00326a;
-    --ac-global-color-blue-300: #004087;
-    --ac-global-color-blue-400: #004ea6;
-    --ac-global-color-blue-500: #005cc8;
-    --ac-global-color-blue-600: #066ce7;
-    --ac-global-color-blue-700: #1d80f5;
-    --ac-global-color-blue-800: #4096f3;
-    --ac-global-color-blue-900: #5eaaf7;
-    --ac-global-color-blue-1000: #7cbdfa;
-    --ac-global-color-blue-1100: #98cefd;
-    --ac-global-color-blue-1200: #b3defe;
-    --ac-global-color-blue-1300: #ceeaff;
-    --ac-global-color-blue-1400: #e3f3ff;
-    --ac-global-color-indigo-100: #1a1d61;
-    --ac-global-color-indigo-200: #23277d;
-    --ac-global-color-indigo-300: #2e329e;
-    --ac-global-color-indigo-400: #3a3fbd;
-    --ac-global-color-indigo-500: #494ed8;
-    --ac-global-color-indigo-600: #5a60eb;
-    --ac-global-color-indigo-700: #6e73f6;
-    --ac-global-color-indigo-800: #8488fd;
-    --ac-global-color-indigo-900: #999dff;
-    --ac-global-color-indigo-1000: #aeb1ff;
-    --ac-global-color-indigo-1100: #c2c4ff;
-    --ac-global-color-indigo-1200: #d4d5ff;
-    --ac-global-color-indigo-1300: #e3e4ff;
-    --ac-global-color-indigo-1400: #f0f0ff;
-    --ac-global-color-purple-100: #321068;
-    --ac-global-color-purple-200: #430d8c;
-    --ac-global-color-purple-300: #5610ad;
-    --ac-global-color-purple-400: #6a1dc8;
-    --ac-global-color-purple-500: #7e31de;
-    --ac-global-color-purple-600: #9146ec;
-    --ac-global-color-purple-700: #a25ef6;
-    --ac-global-color-purple-800: #b277fa;
-    --ac-global-color-purple-900: #c08ffc;
-    --ac-global-color-purple-1000: #cea6fd;
-    --ac-global-color-purple-1100: #dbbcfe;
-    --ac-global-color-purple-1200: #e6cfff;
-    --ac-global-color-purple-1300: #f0e0ff;
-    --ac-global-color-purple-1400: #f8edff;
-    --ac-global-color-fuchsia-100: #460e44;
-    --ac-global-color-fuchsia-200: #5d095c;
-    --ac-global-color-fuchsia-300: #780078;
-    --ac-global-color-fuchsia-400: #920093;
-    --ac-global-color-fuchsia-500: #a913aa;
-    --ac-global-color-fuchsia-600: #bf2bbf;
-    --ac-global-color-fuchsia-700: #d341d5;
-    --ac-global-color-fuchsia-800: #e45be5;
-    --ac-global-color-fuchsia-900: #ef78ee;
-    --ac-global-color-fuchsia-1000: #f695f3;
-    --ac-global-color-fuchsia-1100: #fbaff6;
-    --ac-global-color-fuchsia-1200: #fec7f8;
-    --ac-global-color-fuchsia-1300: #ffdcfa;
-    --ac-global-color-fuchsia-1400: #ffebfc;
-    --ac-global-color-magenta-100: #530329;
-    --ac-global-color-magenta-200: #6a0034;
-    --ac-global-color-magenta-300: #850041;
-    --ac-global-color-magenta-400: #a1004e;
+    --ac-global-color-red-100: rgb(87, 0, 0);
+    --ac-global-color-red-200: rgb(110, 0, 0);
+    --ac-global-color-red-300: rgb(138, 0, 0);
+    --ac-global-color-red-400: rgb(167, 0, 0);
+    --ac-global-color-red-500: rgb(196, 7, 6);
+    --ac-global-color-red-600: rgb(221, 33, 24);
+    --ac-global-color-red-700: rgb(238, 67, 49);
+    --ac-global-color-red-800: rgb(249, 99, 76);
+    --ac-global-color-red-900: rgb(255, 129, 107);
+    --ac-global-color-red-1000: rgb(255, 158, 140);
+    --ac-global-color-red-1100: rgb(255, 183, 169);
+    --ac-global-color-red-1200: rgb(255, 205, 195);
+    --ac-global-color-red-1300: rgb(255, 223, 217);
+    --ac-global-color-red-1400: rgb(255, 237, 234);
+    --ac-global-color-orange-100: rgb(72, 24, 1);
+    --ac-global-color-orange-200: rgb(92, 32, 0);
+    --ac-global-color-orange-300: rgb(115, 43, 0);
+    --ac-global-color-orange-400: rgb(138, 55, 0);
+    --ac-global-color-orange-500: rgb(162, 68, 0);
+    --ac-global-color-orange-600: rgb(186, 82, 0);
+    --ac-global-color-orange-700: rgb(210, 98, 0);
+    --ac-global-color-orange-800: rgb(232, 116, 0);
+    --ac-global-color-orange-900: rgb(249, 137, 23);
+    --ac-global-color-orange-1000: rgb(255, 162, 59);
+    --ac-global-color-orange-1100: rgb(255, 188, 102);
+    --ac-global-color-orange-1200: rgb(253, 210, 145);
+    --ac-global-color-orange-1300: rgb(255, 226, 181);
+    --ac-global-color-orange-1400: rgb(255, 239, 213);
+    --ac-global-color-yellow-100: rgb(53, 36, 0);
+    --ac-global-color-yellow-200: rgb(68, 47, 0);
+    --ac-global-color-yellow-300: rgb(86, 62, 0);
+    --ac-global-color-yellow-400: rgb(103, 77, 0);
+    --ac-global-color-yellow-500: rgb(122, 92, 0);
+    --ac-global-color-yellow-600: rgb(141, 108, 0);
+    --ac-global-color-yellow-700: rgb(161, 126, 0);
+    --ac-global-color-yellow-800: rgb(180, 144, 0);
+    --ac-global-color-yellow-900: rgb(199, 162, 0);
+    --ac-global-color-yellow-1000: rgb(216, 181, 0);
+    --ac-global-color-yellow-1100: rgb(233, 199, 0);
+    --ac-global-color-yellow-1200: rgb(247, 216, 4);
+    --ac-global-color-yellow-1300: rgb(249, 233, 97);
+    --ac-global-color-yellow-1400: rgb(252, 243, 170);
+    --ac-global-color-chartreuse-100: rgb(32, 43, 0);
+    --ac-global-color-chartreuse-200: rgb(42, 56, 0);
+    --ac-global-color-chartreuse-300: rgb(54, 72, 0);
+    --ac-global-color-chartreuse-400: rgb(66, 88, 0);
+    --ac-global-color-chartreuse-500: rgb(79, 105, 0);
+    --ac-global-color-chartreuse-600: rgb(93, 123, 0);
+    --ac-global-color-chartreuse-700: rgb(107, 142, 0);
+    --ac-global-color-chartreuse-800: rgb(122, 161, 0);
+    --ac-global-color-chartreuse-900: rgb(138, 180, 3);
+    --ac-global-color-chartreuse-1000: rgb(154, 198, 11);
+    --ac-global-color-chartreuse-1100: rgb(170, 216, 22);
+    --ac-global-color-chartreuse-1200: rgb(187, 232, 41);
+    --ac-global-color-chartreuse-1300: rgb(205, 246, 72);
+    --ac-global-color-chartreuse-1400: rgb(225, 253, 132);
+    --ac-global-color-celery-100: rgb(0, 47, 7);
+    --ac-global-color-celery-200: rgb(0, 61, 9);
+    --ac-global-color-celery-300: rgb(0, 77, 12);
+    --ac-global-color-celery-400: rgb(0, 95, 15);
+    --ac-global-color-celery-500: rgb(0, 113, 15);
+    --ac-global-color-celery-600: rgb(0, 132, 15);
+    --ac-global-color-celery-700: rgb(0, 151, 20);
+    --ac-global-color-celery-800: rgb(13, 171, 37);
+    --ac-global-color-celery-900: rgb(45, 191, 58);
+    --ac-global-color-celery-1000: rgb(80, 208, 82);
+    --ac-global-color-celery-1100: rgb(115, 224, 107);
+    --ac-global-color-celery-1200: rgb(147, 237, 131);
+    --ac-global-color-celery-1300: rgb(180, 247, 165);
+    --ac-global-color-celery-1400: rgb(213, 252, 202);
+    --ac-global-color-green-100: rgb(10, 44, 28);
+    --ac-global-color-green-200: rgb(7, 59, 36);
+    --ac-global-color-green-300: rgb(0, 76, 46);
+    --ac-global-color-green-400: rgb(0, 93, 57);
+    --ac-global-color-green-500: rgb(0, 111, 69);
+    --ac-global-color-green-600: rgb(0, 130, 82);
+    --ac-global-color-green-700: rgb(0, 149, 98);
+    --ac-global-color-green-800: rgb(28, 168, 114);
+    --ac-global-color-green-900: rgb(52, 187, 132);
+    --ac-global-color-green-1000: rgb(75, 205, 149);
+    --ac-global-color-green-1100: rgb(103, 222, 168);
+    --ac-global-color-green-1200: rgb(137, 236, 188);
+    --ac-global-color-green-1300: rgb(177, 244, 209);
+    --ac-global-color-green-1400: rgb(214, 249, 228);
+    --ac-global-color-seafoam-100: rgb(18, 43, 42);
+    --ac-global-color-seafoam-200: rgb(19, 57, 55);
+    --ac-global-color-seafoam-300: rgb(16, 73, 70);
+    --ac-global-color-seafoam-400: rgb(3, 91, 88);
+    --ac-global-color-seafoam-500: rgb(0, 108, 104);
+    --ac-global-color-seafoam-600: rgb(0, 127, 121);
+    --ac-global-color-seafoam-700: rgb(0, 146, 140);
+    --ac-global-color-seafoam-800: rgb(0, 165, 159);
+    --ac-global-color-seafoam-900: rgb(26, 185, 178);
+    --ac-global-color-seafoam-1000: rgb(66, 202, 195);
+    --ac-global-color-seafoam-1100: rgb(102, 218, 211);
+    --ac-global-color-seafoam-1200: rgb(139, 232, 225);
+    --ac-global-color-seafoam-1300: rgb(179, 242, 237);
+    --ac-global-color-seafoam-1400: rgb(215, 248, 244);
+    --ac-global-color-cyan-100: rgb(0, 41, 68);
+    --ac-global-color-cyan-200: rgb(0, 54, 88);
+    --ac-global-color-cyan-300: rgb(0, 69, 108);
+    --ac-global-color-cyan-400: rgb(0, 86, 128);
+    --ac-global-color-cyan-500: rgb(0, 103, 147);
+    --ac-global-color-cyan-600: rgb(0, 121, 167);
+    --ac-global-color-cyan-700: rgb(0, 140, 186);
+    --ac-global-color-cyan-800: rgb(4, 160, 205);
+    --ac-global-color-cyan-900: rgb(23, 180, 221);
+    --ac-global-color-cyan-1000: rgb(57, 199, 234);
+    --ac-global-color-cyan-1100: rgb(96, 216, 243);
+    --ac-global-color-cyan-1200: rgb(134, 230, 250);
+    --ac-global-color-cyan-1300: rgb(170, 242, 255);
+    --ac-global-color-cyan-1400: rgb(206, 249, 255);
+    --ac-global-color-blue-100: rgb(0, 38, 81);
+    --ac-global-color-blue-200: rgb(0, 50, 106);
+    --ac-global-color-blue-300: rgb(0, 64, 135);
+    --ac-global-color-blue-400: rgb(0, 78, 166);
+    --ac-global-color-blue-500: rgb(0, 92, 200);
+    --ac-global-color-blue-600: rgb(6, 108, 231);
+    --ac-global-color-blue-700: rgb(29, 128, 245);
+    --ac-global-color-blue-800: rgb(64, 150, 243);
+    --ac-global-color-blue-900: rgb(94, 170, 247);
+    --ac-global-color-blue-1000: rgb(124, 189, 250);
+    --ac-global-color-blue-1100: rgb(152, 206, 253);
+    --ac-global-color-blue-1200: rgb(179, 222, 254);
+    --ac-global-color-blue-1300: rgb(227, 234, 255);
+    --ac-global-color-blue-1400: rgb(243, 243, 255);
+    --ac-global-color-indigo-100: rgb(26, 29, 97);
+    --ac-global-color-indigo-200: rgb(35, 39, 125);
+    --ac-global-color-indigo-300: rgb(46, 50, 157);
+    --ac-global-color-indigo-400: rgb(58, 63, 189);
+    --ac-global-color-indigo-500: rgb(73, 78, 216);
+    --ac-global-color-indigo-600: rgb(90, 96, 235);
+    --ac-global-color-indigo-700: rgb(110, 115, 246);
+    --ac-global-color-indigo-800: rgb(132, 136, 253);
+    --ac-global-color-indigo-900: rgb(153, 159, 255);
+    --ac-global-color-indigo-1000: rgb(174, 177, 255);
+    --ac-global-color-indigo-1100: rgb(194, 196, 255);
+    --ac-global-color-indigo-1200: rgb(212, 213, 255);
+    --ac-global-color-indigo-1300: rgb(227, 228, 255);
+    --ac-global-color-indigo-1400: rgb(240, 240, 255);
+    --ac-global-color-purple-100: rgb(50, 16, 104);
+    --ac-global-color-purple-200: rgb(67, 13, 140);
+    --ac-global-color-purple-300: rgb(86, 16, 173);
+    --ac-global-color-purple-400: rgb(106, 29, 200);
+    --ac-global-color-purple-500: rgb(126, 49, 222);
+    --ac-global-color-purple-600: rgb(145, 70, 236);
+    --ac-global-color-purple-700: rgb(162, 94, 246);
+    --ac-global-color-purple-800: rgb(178, 119, 250);
+    --ac-global-color-purple-900: rgb(192, 143, 252);
+    --ac-global-color-purple-1000: rgb(206, 166, 253);
+    --ac-global-color-purple-1100: rgb(219, 188, 254);
+    --ac-global-color-purple-1200: rgb(230, 207, 254);
+    --ac-global-color-purple-1300: rgb(240, 224, 255);
+    --ac-global-color-purple-1400: rgb(248, 237, 255);
+    --ac-global-color-fuchsia-100: rgb(70, 14, 68);
+    --ac-global-color-fuchsia-200: rgb(93, 9, 92);
+    --ac-global-color-fuchsia-300: rgb(120, 0, 120);
+    --ac-global-color-fuchsia-400: rgb(145, 0, 78);
+    --ac-global-color-fuchsia-500: rgb(169, 19, 170);
+    --ac-global-color-fuchsia-600: rgb(209, 43, 114);
+    --ac-global-color-fuchsia-700: rgb(227, 69, 137);
+    --ac-global-color-fuchsia-800: rgb(241, 97, 156);
+    --ac-global-color-fuchsia-900: rgb(252, 124, 173);
+    --ac-global-color-fuchsia-1000: rgb(255, 152, 191);
+    --ac-global-color-fuchsia-1100: rgb(255, 179, 207);
+    --ac-global-color-fuchsia-1200: rgb(254, 202, 221);
+    --ac-global-color-fuchsia-1300: rgb(255, 221, 233);
+    --ac-global-color-fuchsia-1400: rgb(255, 236, 243);
+    --ac-global-color-magenta-100: rgb(83, 3, 41);
+    --ac-global-color-magenta-200: rgb(106, 0, 52);
+    --ac-global-color-magenta-300: rgb(133, 0, 65);
+    --ac-global-color-magenta-400: rgb(161, 0, 78);
     --ac-global-color-magenta-500: rgb(186, 22, 93);
-    --ac-global-color-magenta-600: #d12b72;
-    --ac-global-color-magenta-700: #e34589;
-    --ac-global-color-magenta-800: #f1619c;
-    --ac-global-color-magenta-900: #fc7cad;
-    --ac-global-color-magenta-1000: #ff98bf;
-    --ac-global-color-magenta-1100: #ffb3cf;
-    --ac-global-color-magenta-1200: #ffcadd;
-    --ac-global-color-magenta-1300: #ffdde9;
-    --ac-global-color-magenta-1400: #ffecf3;
+    --ac-global-color-magenta-600: rgb(209, 43, 114);
+    --ac-global-color-magenta-700: rgb(227, 69, 137);
+    --ac-global-color-magenta-800: rgb(241, 97, 156);
+    --ac-global-color-magenta-900: rgb(252, 124, 173);
+    --ac-global-color-magenta-1000: rgb(255, 152, 191);
+    --ac-global-color-magenta-1100: rgb(255, 179, 207);
+    --ac-global-color-magenta-1200: rgb(254, 202, 221);
+    --ac-global-color-magenta-1300: rgb(255, 221, 233);
+    --ac-global-color-magenta-1400: rgb(255, 236, 243);
 
     // Semantic colors
     --ac-global-color-info: rgb(114, 217, 255);