From 35a700d522cffd7aa6ae6183b4e4342900ae668a Mon Sep 17 00:00:00 2001
From: Quentin BEY <quentin.bey@mail.numerique.gouv.fr>
Date: Fri, 9 May 2025 14:47:03 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(cunningham)=20fix=20style=20for=20?=
 =?UTF-8?q?display?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Some CSS were not found (like color gold-500).
---
 .../desk/src/cunningham/cunningham-tokens.css | 292 +++++++++++++++++-
 .../desk/src/cunningham/cunningham-tokens.ts  |  26 +-
 2 files changed, 314 insertions(+), 4 deletions(-)

diff --git a/src/frontend/apps/desk/src/cunningham/cunningham-tokens.css b/src/frontend/apps/desk/src/cunningham/cunningham-tokens.css
index 0563b49..16dcc3a 100644
--- a/src/frontend/apps/desk/src/cunningham/cunningham-tokens.css
+++ b/src/frontend/apps/desk/src/cunningham/cunningham-tokens.css
@@ -57,7 +57,7 @@
   --c--theme--colors--warning-800: #3e241e;
   --c--theme--colors--warning-900: #361e19;
   --c--theme--colors--danger-100: #ffe9e9;
-  --c--theme--colors--danger-200: #ffd;
+  --c--theme--colors--danger-200: #fdd;
   --c--theme--colors--danger-300: #ffbdbd;
   --c--theme--colors--danger-400: #ff5655;
   --c--theme--colors--danger-500: #f60700;
@@ -78,6 +78,38 @@
   --c--theme--colors--greyscale-750: #353535;
   --c--theme--colors--greyscale-950: #1e1e1e;
   --c--theme--colors--greyscale-1000: #161616;
+  --c--theme--colors--primary-action: #1212ff;
+  --c--theme--colors--primary-bg: #fafafa;
+  --c--theme--colors--blue-400: #7ab1e8;
+  --c--theme--colors--blue-500: #417dc4;
+  --c--theme--colors--blue-600: #3558a2;
+  --c--theme--colors--brown-400: #e6be92;
+  --c--theme--colors--brown-500: #bd987a;
+  --c--theme--colors--brown-600: #745b47;
+  --c--theme--colors--cyan-400: #34bab5;
+  --c--theme--colors--cyan-500: #009099;
+  --c--theme--colors--cyan-600: #006a6f;
+  --c--theme--colors--gold-400: #ffca00;
+  --c--theme--colors--gold-500: #c3992a;
+  --c--theme--colors--gold-600: #695240;
+  --c--theme--colors--green-400: #34cb6a;
+  --c--theme--colors--green-500: #00a95f;
+  --c--theme--colors--green-600: #297254;
+  --c--theme--colors--olive-400: #99c221;
+  --c--theme--colors--olive-500: #68a532;
+  --c--theme--colors--olive-600: #447049;
+  --c--theme--colors--orange-400: #ff732c;
+  --c--theme--colors--orange-500: #e4794a;
+  --c--theme--colors--orange-600: #755348;
+  --c--theme--colors--pink-400: #ffb7ae;
+  --c--theme--colors--pink-500: #e18b76;
+  --c--theme--colors--pink-600: #8d533e;
+  --c--theme--colors--purple-400: #ce70cc;
+  --c--theme--colors--purple-500: #a558a0;
+  --c--theme--colors--purple-600: #6e445a;
+  --c--theme--colors--yellow-400: #d8c634;
+  --c--theme--colors--yellow-500: #b7a73f;
+  --c--theme--colors--yellow-600: #66673d;
   --c--theme--font--sizes--h1: 2rem;
   --c--theme--font--sizes--h2: 1.75rem;
   --c--theme--font--sizes--h3: 1.5rem;
@@ -416,6 +448,8 @@
     --c--theme--colors--greyscale-950
   );
   --c--components--forms-select--font-size: 14px;
+  --c--components--la-gauffre--activated: true;
+  --c--components--home-proconnect--activated: true;
 }
 
 .cunningham-theme--dark {
@@ -783,6 +817,134 @@
   color: var(--c--theme--colors--greyscale-1000);
 }
 
+.clr-primary-action {
+  color: var(--c--theme--colors--primary-action);
+}
+
+.clr-primary-bg {
+  color: var(--c--theme--colors--primary-bg);
+}
+
+.clr-blue-400 {
+  color: var(--c--theme--colors--blue-400);
+}
+
+.clr-blue-500 {
+  color: var(--c--theme--colors--blue-500);
+}
+
+.clr-blue-600 {
+  color: var(--c--theme--colors--blue-600);
+}
+
+.clr-brown-400 {
+  color: var(--c--theme--colors--brown-400);
+}
+
+.clr-brown-500 {
+  color: var(--c--theme--colors--brown-500);
+}
+
+.clr-brown-600 {
+  color: var(--c--theme--colors--brown-600);
+}
+
+.clr-cyan-400 {
+  color: var(--c--theme--colors--cyan-400);
+}
+
+.clr-cyan-500 {
+  color: var(--c--theme--colors--cyan-500);
+}
+
+.clr-cyan-600 {
+  color: var(--c--theme--colors--cyan-600);
+}
+
+.clr-gold-400 {
+  color: var(--c--theme--colors--gold-400);
+}
+
+.clr-gold-500 {
+  color: var(--c--theme--colors--gold-500);
+}
+
+.clr-gold-600 {
+  color: var(--c--theme--colors--gold-600);
+}
+
+.clr-green-400 {
+  color: var(--c--theme--colors--green-400);
+}
+
+.clr-green-500 {
+  color: var(--c--theme--colors--green-500);
+}
+
+.clr-green-600 {
+  color: var(--c--theme--colors--green-600);
+}
+
+.clr-olive-400 {
+  color: var(--c--theme--colors--olive-400);
+}
+
+.clr-olive-500 {
+  color: var(--c--theme--colors--olive-500);
+}
+
+.clr-olive-600 {
+  color: var(--c--theme--colors--olive-600);
+}
+
+.clr-orange-400 {
+  color: var(--c--theme--colors--orange-400);
+}
+
+.clr-orange-500 {
+  color: var(--c--theme--colors--orange-500);
+}
+
+.clr-orange-600 {
+  color: var(--c--theme--colors--orange-600);
+}
+
+.clr-pink-400 {
+  color: var(--c--theme--colors--pink-400);
+}
+
+.clr-pink-500 {
+  color: var(--c--theme--colors--pink-500);
+}
+
+.clr-pink-600 {
+  color: var(--c--theme--colors--pink-600);
+}
+
+.clr-purple-400 {
+  color: var(--c--theme--colors--purple-400);
+}
+
+.clr-purple-500 {
+  color: var(--c--theme--colors--purple-500);
+}
+
+.clr-purple-600 {
+  color: var(--c--theme--colors--purple-600);
+}
+
+.clr-yellow-400 {
+  color: var(--c--theme--colors--yellow-400);
+}
+
+.clr-yellow-500 {
+  color: var(--c--theme--colors--yellow-500);
+}
+
+.clr-yellow-600 {
+  color: var(--c--theme--colors--yellow-600);
+}
+
 .bg-secondary-text {
   background-color: var(--c--theme--colors--secondary-text);
 }
@@ -1099,6 +1261,134 @@
   background-color: var(--c--theme--colors--greyscale-1000);
 }
 
+.bg-primary-action {
+  background-color: var(--c--theme--colors--primary-action);
+}
+
+.bg-primary-bg {
+  background-color: var(--c--theme--colors--primary-bg);
+}
+
+.bg-blue-400 {
+  background-color: var(--c--theme--colors--blue-400);
+}
+
+.bg-blue-500 {
+  background-color: var(--c--theme--colors--blue-500);
+}
+
+.bg-blue-600 {
+  background-color: var(--c--theme--colors--blue-600);
+}
+
+.bg-brown-400 {
+  background-color: var(--c--theme--colors--brown-400);
+}
+
+.bg-brown-500 {
+  background-color: var(--c--theme--colors--brown-500);
+}
+
+.bg-brown-600 {
+  background-color: var(--c--theme--colors--brown-600);
+}
+
+.bg-cyan-400 {
+  background-color: var(--c--theme--colors--cyan-400);
+}
+
+.bg-cyan-500 {
+  background-color: var(--c--theme--colors--cyan-500);
+}
+
+.bg-cyan-600 {
+  background-color: var(--c--theme--colors--cyan-600);
+}
+
+.bg-gold-400 {
+  background-color: var(--c--theme--colors--gold-400);
+}
+
+.bg-gold-500 {
+  background-color: var(--c--theme--colors--gold-500);
+}
+
+.bg-gold-600 {
+  background-color: var(--c--theme--colors--gold-600);
+}
+
+.bg-green-400 {
+  background-color: var(--c--theme--colors--green-400);
+}
+
+.bg-green-500 {
+  background-color: var(--c--theme--colors--green-500);
+}
+
+.bg-green-600 {
+  background-color: var(--c--theme--colors--green-600);
+}
+
+.bg-olive-400 {
+  background-color: var(--c--theme--colors--olive-400);
+}
+
+.bg-olive-500 {
+  background-color: var(--c--theme--colors--olive-500);
+}
+
+.bg-olive-600 {
+  background-color: var(--c--theme--colors--olive-600);
+}
+
+.bg-orange-400 {
+  background-color: var(--c--theme--colors--orange-400);
+}
+
+.bg-orange-500 {
+  background-color: var(--c--theme--colors--orange-500);
+}
+
+.bg-orange-600 {
+  background-color: var(--c--theme--colors--orange-600);
+}
+
+.bg-pink-400 {
+  background-color: var(--c--theme--colors--pink-400);
+}
+
+.bg-pink-500 {
+  background-color: var(--c--theme--colors--pink-500);
+}
+
+.bg-pink-600 {
+  background-color: var(--c--theme--colors--pink-600);
+}
+
+.bg-purple-400 {
+  background-color: var(--c--theme--colors--purple-400);
+}
+
+.bg-purple-500 {
+  background-color: var(--c--theme--colors--purple-500);
+}
+
+.bg-purple-600 {
+  background-color: var(--c--theme--colors--purple-600);
+}
+
+.bg-yellow-400 {
+  background-color: var(--c--theme--colors--yellow-400);
+}
+
+.bg-yellow-500 {
+  background-color: var(--c--theme--colors--yellow-500);
+}
+
+.bg-yellow-600 {
+  background-color: var(--c--theme--colors--yellow-600);
+}
+
 .fw-thin {
   font-weight: var(--c--theme--font--weights--thin);
 }
diff --git a/src/frontend/apps/desk/src/cunningham/cunningham-tokens.ts b/src/frontend/apps/desk/src/cunningham/cunningham-tokens.ts
index a708a40..e69ee01 100644
--- a/src/frontend/apps/desk/src/cunningham/cunningham-tokens.ts
+++ b/src/frontend/apps/desk/src/cunningham/cunningham-tokens.ts
@@ -82,18 +82,38 @@ export const tokens = {
           'greyscale-750': '#353535',
           'greyscale-950': '#1E1E1E',
           'greyscale-1000': '#161616',
-          'danger-050': '#FFF4F4',
+          'primary-action': '#1212FF',
+          'primary-bg': '#FAFAFA',
+          'blue-400': '#7AB1E8',
           'blue-500': '#417DC4',
+          'blue-600': '#3558A2',
+          'brown-400': '#E6BE92',
           'brown-500': '#BD987A',
+          'brown-600': '#745B47',
+          'cyan-400': '#34BAB5',
           'cyan-500': '#009099',
+          'cyan-600': '#006A6F',
+          'gold-400': '#FFCA00',
           'gold-500': '#C3992A',
+          'gold-600': '#695240',
+          'green-400': '#34CB6A',
           'green-500': '#00A95F',
+          'green-600': '#297254',
+          'olive-400': '#99C221',
           'olive-500': '#68A532',
+          'olive-600': '#447049',
+          'orange-400': '#FF732C',
           'orange-500': '#E4794A',
+          'orange-600': '#755348',
+          'pink-400': '#FFB7AE',
+          'pink-500': '#E18B76',
+          'pink-600': '#8D533E',
+          'purple-400': '#CE70CC',
           'purple-500': '#A558A0',
-          'red-500': '#E1000F',
+          'purple-600': '#6E445A',
+          'yellow-400': '#D8C634',
           'yellow-500': '#B7A73F',
-          'rose-500': '#E18B76',
+          'yellow-600': '#66673D',
         },
         font: {
           sizes: {