Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

chore: switch all colors to rgb so opacities can be applied #183

Merged
merged 1 commit into from
Dec 12, 2023
Merged

chore: switch all colors to rgb so opacities can be applied #183

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
384 changes: 192 additions & 192 deletions src/provider/GlobalStyles.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand Down
Loading