[FEATURE] Permettre d'ajouter une composante d'opacité sur les couleu…

…rs (PIX-10838) #608
1024pix · Apr 15, 2024 · b9a7775 · b9a7775
2 parents c9cf49d + 6b0902f
commit b9a7775
Showing 1 changed file with 58 additions and 58 deletions.
diff --git a/addon/styles/pix-design-tokens/_colors.scss b/addon/styles/pix-design-tokens/_colors.scss
@@ -1,64 +1,64 @@
 // See https://www.figma.com/file/8RJ3aCSfdeQ8AZZVBBYKS8/Design-System-Pix?node-id=16%3A2
 // stylelint-disable color-no-hex
 :root {
-  --pix-primary-10: #f7f5ff;
-  --pix-primary-100: #cec3f4;
-  --pix-primary-300: #957ee8;
-  --pix-primary-500: #613fdd;
-  --pix-primary-700: #452d9d;
-  --pix-primary-900: #291a5d;
-  --pix-secondary-50: #fffaeb;
-  --pix-secondary-100: #ffefc0;
-  --pix-secondary-300: #ffdc76;
-  --pix-secondary-500: #ffcb33;
-  --pix-secondary-700: #a16206;
-  --pix-secondary-900: #5b3808;
-  --pix-tertiary-100: #c3d0ff;
-  --pix-tertiary-500: #3d68ff;
-  --pix-tertiary-900: #1a2c6b;
-  --pix-neutral-0: #ffffff;
-  --pix-neutral-20: #f4f5f7;
-  --pix-neutral-100: #cdd1d9;
-  --pix-neutral-500: #5e6c84;
-  --pix-neutral-800: #253858;
-  --pix-neutral-900: #122647;
-  --pix-info-50: #e6f2fe;
-  --pix-info-100: #b0d3f4;
-  --pix-info-500: #3b82f6;
-  --pix-info-700: #1d4ed8;
-  --pix-info-900: #1e3a8a;
-  --pix-success-50: #e8f3ef;
-  --pix-success-100: #b9d8cd;
-  --pix-success-300: #67ab92;
-  --pix-success-500: #1c825d;
-  --pix-success-700: #145c42;
-  --pix-success-900: #0c3727;
-  --pix-warning-50: #fff7eb;
-  --pix-warning-100: #ffe5c0;
-  --pix-warning-300: #ffc676;
-  --pix-warning-500: #f59e0b;
-  --pix-warning-700: #b45309;
-  --pix-warning-900: #78350f;
-  --pix-error-50: #fbecec;
-  --pix-error-100: #f1c4c4;
-  --pix-error-500: #d24140;
-  --pix-error-700: #952e2e;
-  --pix-error-900: #581b1b;
-  --pix-certif-50: #e8f2f2;
-  --pix-certif-500: #187f7d;
-  --pix-orga-50: #ebf1f9;
-  --pix-orga-500: #3674bf;
-  --pix-information-dark: #f24645;
-  --pix-information-light: #f1a141;
-  --pix-content-dark: #1a8c89;
-  --pix-content-light: #52d987;
-  --pix-communication-dark: #3d68ff;
-  --pix-communication-light: #12a3ff;
-  --pix-security-dark: #ac008d;
-  --pix-security-light: #ff3f94;
-  --pix-environment-dark: #5e2563;
-  --pix-environment-light: #564da6;
-  --pix-shadow: #07142e;
+  --pix-primary-10: rgb(247, 245, 255);
+  --pix-primary-100: rgb(206, 195, 244);
+  --pix-primary-300: rgb(149, 126, 232);
+  --pix-primary-500: rgb(97, 63, 221);
+  --pix-primary-700: rgb(69, 45, 157);
+  --pix-primary-900: rgb(41, 26, 93);
+  --pix-secondary-50: rgb(255, 250, 235);
+  --pix-secondary-100: rgb(255, 239, 192);
+  --pix-secondary-300: rgb(255, 220, 118);
+  --pix-secondary-500: rgb(255, 203, 51);
+  --pix-secondary-700: rgb(161, 98, 6);
+  --pix-secondary-900: rgb(91, 56, 8);
+  --pix-tertiary-100: rgb(195, 208, 255);
+  --pix-tertiary-500: rgb(61, 104, 255);
+  --pix-tertiary-900: rgb(26, 44, 107);
+  --pix-neutral-0: rgb(255, 255, 255);
+  --pix-neutral-20: rgb(244, 245, 247);
+  --pix-neutral-100: rgb(205, 209, 217);
+  --pix-neutral-500: rgb(94, 108, 132);
+  --pix-neutral-800: rgb(37, 56, 88);
+  --pix-neutral-900: rgb(18, 38, 71);
+  --pix-info-50: rgb(230, 242, 254);
+  --pix-info-100: rgb(176, 211, 244);
+  --pix-info-500: rgb(59, 130, 246);
+  --pix-info-700: rgb(29, 78, 216);
+  --pix-info-900: rgb(30, 58, 138);
+  --pix-success-50: rgb(232, 243, 239);
+  --pix-success-100: rgb(185, 216, 205);
+  --pix-success-300: rgb(103, 171, 146);
+  --pix-success-500: rgb(28, 130, 93);
+  --pix-success-700: rgb(20, 92, 66);
+  --pix-success-900: rgb(12, 55, 39);
+  --pix-warning-50: rgb(255, 247, 235);
+  --pix-warning-100: rgb(255, 229, 192);
+  --pix-warning-300: rgb(255, 198, 118);
+  --pix-warning-500: rgb(245, 158, 11);
+  --pix-warning-700: rgb(180, 83, 9);
+  --pix-warning-900: rgb(120, 53, 15);
+  --pix-error-50: rgb(251, 236, 236);
+  --pix-error-100: rgb(241, 196, 196);
+  --pix-error-500: rgb(210, 65, 64);
+  --pix-error-700: rgb(149, 46, 46);
+  --pix-error-900: rgb(88, 27, 27);
+  --pix-certif-50: rgb(232, 242, 242);
+  --pix-certif-500: rgb(24, 127, 125);
+  --pix-orga-50: rgb(235, 241, 249);
+  --pix-orga-500: rgb(54, 116, 191);
+  --pix-information-dark: rgb(242, 70, 69);
+  --pix-information-light: rgb(241, 161, 65);
+  --pix-content-dark: rgb(26, 140, 137);
+  --pix-content-light: rgb(82, 217, 135);
+  --pix-communication-dark: rgb(61, 104, 255);
+  --pix-communication-light: rgb(18, 163, 255);
+  --pix-security-dark: rgb(172, 0, 141);
+  --pix-security-light: rgb(255, 63, 148);
+  --pix-environment-dark: rgb(94, 37, 99);
+  --pix-environment-light: rgb(86, 77, 166);
+  --pix-shadow: rgb(7, 20, 46);
 }
 
 // @deprecated - SCSS variables are replaced by CSS variables