From b0691471d6162e7a8b95c0bde454448c041b2ef3 Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Thu, 20 Feb 2025 16:50:26 +0100
Subject: [PATCH 01/13] fix last accordion border

---
 ds-ml-css/components/accordion.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index 6f46dc5..9f7003e 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -7,6 +7,7 @@
 .accordion-btn {
   border: none;
   border-top: solid var(--ml-neutral) 2px;
+  border-bottom: transparent solid 2px;
   background-color: var(--ml-background);
   cursor: pointer;
   padding: 18px;
@@ -22,12 +23,14 @@
   background-color: var(--ml-m200);
   border: none;
   border-top: transparent solid 2px;
+  border-bottom: transparent solid 2px;
 }
 
 .active {
   background-color: var(--ml-m400);
   border: none;
   border-top: transparent solid 2px;
+  border-bottom: transparent solid 2px;
 }
 
 .accordion-panel {
-- 
GitLab


From 516acc80e78773fce98f0a879cf8b6b749fa4e7e Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Thu, 20 Feb 2025 16:53:25 +0100
Subject: [PATCH 02/13] fix active if also hover

---
 ds-ml-css/components/accordion.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index 9f7003e..4c4a1bf 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -26,7 +26,7 @@
   border-bottom: transparent solid 2px;
 }
 
-.active {
+.accordion-btn.active {
   background-color: var(--ml-m400);
   border: none;
   border-top: transparent solid 2px;
-- 
GitLab


From 74eeec3c40f10477faab21ced337a1bdc3a7882b Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Thu, 20 Feb 2025 17:07:54 +0100
Subject: [PATCH 03/13] rename active to expanded

---
 ds-ml-css/components/accordion.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index 4c4a1bf..09dafd5 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -26,7 +26,7 @@
   border-bottom: transparent solid 2px;
 }
 
-.accordion-btn.active {
+.accordion-btn.expanded {
   background-color: var(--ml-m400);
   border: none;
   border-top: transparent solid 2px;
-- 
GitLab


From 4d2a8e03b9c50185d836af4b38cfeb7c252085f0 Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Mon, 16 Jun 2025 14:21:59 +0200
Subject: [PATCH 04/13] wip

---
 ds-ml-css/components/accordion.scss | 80 ++++++++++++++++++-----------
 1 file changed, 51 insertions(+), 29 deletions(-)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index 09dafd5..0557e09 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -1,42 +1,64 @@
-/* ********************************************************************************************* */
-/* * ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION * */
-/* * ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION ACCORDION * */
-/* ********************************************************************************************* */
+.accordion {
+    width: 100%;
 
-/* accordion CSS rules */
-.accordion-btn {
-  border: none;
-  border-top: solid var(--ml-neutral) 2px;
-  border-bottom: transparent solid 2px;
-  background-color: var(--ml-background);
-  cursor: pointer;
-  padding: 18px;
-  width: 100%;
-  text-align: left;
-}
+  summary {
+    list-style: none;
+    ::marker {
+      display: none;
+    }
 
-.accordion-btn:last-of-type {
-  border-bottom: solid var(--ml-neutral) 2px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 12px;
+    user-select: none;
+
+    border: none;
+    border-top: solid var(--ml-neutral) 2px;
+    border-bottom: transparent solid 2px;
+    background-color: var(--ml-background);
+    cursor: pointer;
+    padding: 18px;
+  }
+  
+  summary:hover {
+    background-color: var(--ml-m200);
+    border: none;
+    border-top: transparent solid 2px;
+    border-bottom: transparent solid 2px;
+  }
+
+  .arrow {
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-right: 2px solid #1B1C22;
+    border-bottom: 2px solid #1B1C22;
+    transform: rotate(45deg);
+    transition: transform 0.2s ease-in-out;
+    margin-top: 2px;
+  }
+
+  .content {
+    margin: 10px 18px;
+    padding: 0 5px;
+    background-color: var(--ml-neutral);
+    overflow: hidden;
+  }
 }
 
-.accordion-btn:hover {
-  background-color: var(--ml-m200);
-  border: none;
-  border-top: transparent solid 2px;
-  border-bottom: transparent solid 2px;
+.accordion[open] .arrow {
+  transform: rotate(-135deg);
 }
 
-.accordion-btn.expanded {
+.accordion[open] summary {
   background-color: var(--ml-m400);
   border: none;
   border-top: transparent solid 2px;
   border-bottom: transparent solid 2px;
 }
 
-.accordion-panel {
-  margin: 10px 18px;
-  padding: 0 5px;
-  background-color: var(--ml-neutral);
-  display: none;
-  overflow: hidden;
+.accordion:last-of-type summary {
+  border-bottom: solid var(--ml-neutral) 2px;
 }
+
-- 
GitLab


From 77049d0c48c862feab7b63c94ea94c1e58132004 Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Mon, 16 Jun 2025 14:49:45 +0200
Subject: [PATCH 05/13] cleanup

---
 ds-ml-css/components/accordion.scss | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index 0557e09..76a2a36 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -1,22 +1,12 @@
 .accordion {
-    width: 100%;
 
   summary {
-    list-style: none;
-    ::marker {
-      display: none;
-    }
-
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 8px 12px;
-    user-select: none;
 
-    border: none;
     border-top: solid var(--ml-neutral) 2px;
     border-bottom: transparent solid 2px;
-    background-color: var(--ml-background);
     cursor: pointer;
     padding: 18px;
   }
-- 
GitLab


From 5c0cd22a7e2481983851f3837f81df68f8f53faf Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Mon, 16 Jun 2025 14:49:57 +0200
Subject: [PATCH 06/13] marges

---
 ds-ml-css/components/accordion.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index 76a2a36..22f0bd7 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -30,8 +30,8 @@
   }
 
   .content {
-    margin: 10px 18px;
-    padding: 0 5px;
+    margin: 16px;
+    padding: 0 8px;
     background-color: var(--ml-neutral);
     overflow: hidden;
   }
-- 
GitLab


From 6915c73ac57cf75413615e03fdaf68e1efd596ae Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Mon, 16 Jun 2025 15:02:32 +0200
Subject: [PATCH 07/13] opti

---
 ds-ml-css/components/accordion.scss | 21 +++++++--------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index 22f0bd7..c90e985 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -4,29 +4,26 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-
-    border-top: solid var(--ml-neutral) 2px;
-    border-bottom: transparent solid 2px;
+    border-top: 2px solid var(--ml-neutral);
+    border-bottom: 2px solid transparent;
     cursor: pointer;
     padding: 18px;
   }
-  
+
   summary:hover {
     background-color: var(--ml-m200);
-    border: none;
-    border-top: transparent solid 2px;
-    border-bottom: transparent solid 2px;
   }
 
   .arrow {
     display: inline-block;
     width: 6px;
     height: 6px;
-    border-right: 2px solid #1B1C22;
-    border-bottom: 2px solid #1B1C22;
+    border-right: 2px solid currentColor;
+    border-bottom: 2px solid currentColor;
     transform: rotate(45deg);
     transition: transform 0.2s ease-in-out;
     margin-top: 2px;
+    flex-shrink: 0;
   }
 
   .content {
@@ -43,12 +40,8 @@
 
 .accordion[open] summary {
   background-color: var(--ml-m400);
-  border: none;
-  border-top: transparent solid 2px;
-  border-bottom: transparent solid 2px;
 }
 
 .accordion:last-of-type summary {
-  border-bottom: solid var(--ml-neutral) 2px;
+  border-bottom-color: var(--ml-neutral);
 }
-
-- 
GitLab


From a42401792adf50d4744118b3ad82135279777559 Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Mon, 16 Jun 2025 15:11:38 +0200
Subject: [PATCH 08/13] remove class arrow

---
 ds-ml-css/components/accordion.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index c90e985..58e60fe 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -1,4 +1,4 @@
-.accordion {
+details.accordion {
 
   summary {
     display: flex;
@@ -14,7 +14,8 @@
     background-color: var(--ml-m200);
   }
 
-  .arrow {
+  summary::after {
+    content: "";
     display: inline-block;
     width: 6px;
     height: 6px;
@@ -34,7 +35,7 @@
   }
 }
 
-.accordion[open] .arrow {
+.accordion[open] summary::after {
   transform: rotate(-135deg);
 }
 
-- 
GitLab


From ab083087a491714aba7a89514f1d1d2369923745 Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Mon, 16 Jun 2025 15:38:33 +0200
Subject: [PATCH 09/13] remove class content

---
 ds-ml-css/components/accordion.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index 58e60fe..a668a54 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -26,13 +26,13 @@ details.accordion {
     margin-top: 2px;
     flex-shrink: 0;
   }
+}
 
-  .content {
-    margin: 16px;
-    padding: 0 8px;
-    background-color: var(--ml-neutral);
-    overflow: hidden;
-  }
+details.accordion > div:first-of-type {
+  margin: 16px;
+  padding: 0 8px;
+  background-color: var(--ml-neutral);
+  overflow: hidden;
 }
 
 .accordion[open] summary::after {
-- 
GitLab


From c37a70a8bf0606a9c866b956c4206cd114539d33 Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Mon, 16 Jun 2025 16:29:50 +0200
Subject: [PATCH 10/13] polish

---
 ds-ml-css/components/accordion.scss | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index a668a54..71ded3e 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -10,10 +10,6 @@ details.accordion {
     padding: 18px;
   }
 
-  summary:hover {
-    background-color: var(--ml-m200);
-  }
-
   summary::after {
     content: "";
     display: inline-block;
@@ -28,6 +24,10 @@ details.accordion {
   }
 }
 
+  summary:hover {
+    background-color: var(--ml-m200);
+  }
+
 details.accordion > div:first-of-type {
   margin: 16px;
   padding: 0 8px;
@@ -35,14 +35,14 @@ details.accordion > div:first-of-type {
   overflow: hidden;
 }
 
-.accordion[open] summary::after {
+details.accordion[open] summary::after {
   transform: rotate(-135deg);
 }
 
-.accordion[open] summary {
+details.accordion[open] summary {
   background-color: var(--ml-m400);
 }
 
-.accordion:last-of-type summary {
+details.accordion:last-of-type summary {
   border-bottom-color: var(--ml-neutral);
 }
-- 
GitLab


From 72a5520f034d93d1fb101cea17bb67b632f3e008 Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Mon, 16 Jun 2025 16:41:32 +0200
Subject: [PATCH 11/13] repolish

---
 ds-ml-css/components/accordion.scss | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index 71ded3e..7c334f9 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -22,17 +22,14 @@ details.accordion {
     margin-top: 2px;
     flex-shrink: 0;
   }
-}
 
   summary:hover {
     background-color: var(--ml-m200);
   }
+}
 
-details.accordion > div:first-of-type {
-  margin: 16px;
-  padding: 0 8px;
-  background-color: var(--ml-neutral);
-  overflow: hidden;
+details.accordion:last-of-type summary {
+  border-bottom-color: var(--ml-neutral);
 }
 
 details.accordion[open] summary::after {
@@ -43,6 +40,9 @@ details.accordion[open] summary {
   background-color: var(--ml-m400);
 }
 
-details.accordion:last-of-type summary {
-  border-bottom-color: var(--ml-neutral);
+details.accordion > div:first-of-type {
+  margin: 16px;
+  padding: 0 8px;
+  background-color: var(--ml-neutral);
+  overflow: hidden;
 }
-- 
GitLab


From f6a4cc44124db494e66de090683711d71899b8e9 Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Tue, 17 Jun 2025 14:14:32 +0200
Subject: [PATCH 12/13] add theme

---
 ds-ml-css/components/accordion.scss | 10 +++++-----
 ds-ml-css/ds-ml-theme.scss          | 24 ++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/ds-ml-css/components/accordion.scss b/ds-ml-css/components/accordion.scss
index 7c334f9..e41c62f 100644
--- a/ds-ml-css/components/accordion.scss
+++ b/ds-ml-css/components/accordion.scss
@@ -4,7 +4,7 @@ details.accordion {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    border-top: 2px solid var(--ml-neutral);
+    border-top: 2px solid var(--ml-border-accent-primary);
     border-bottom: 2px solid transparent;
     cursor: pointer;
     padding: 18px;
@@ -24,12 +24,12 @@ details.accordion {
   }
 
   summary:hover {
-    background-color: var(--ml-m200);
+    background-color: var(--ml-background-button-secondary-hover);
   }
 }
 
 details.accordion:last-of-type summary {
-  border-bottom-color: var(--ml-neutral);
+  border-bottom-color: var(--ml-border-accent-primary);
 }
 
 details.accordion[open] summary::after {
@@ -37,12 +37,12 @@ details.accordion[open] summary::after {
 }
 
 details.accordion[open] summary {
-  background-color: var(--ml-m400);
+  background-color: var(--ml-background-button-secondary);
 }
 
 details.accordion > div:first-of-type {
   margin: 16px;
   padding: 0 8px;
-  background-color: var(--ml-neutral);
+  background-color: var(--ml-background-accent-secondary);
   overflow: hidden;
 }
diff --git a/ds-ml-css/ds-ml-theme.scss b/ds-ml-css/ds-ml-theme.scss
index bdc9057..7ea7f46 100644
--- a/ds-ml-css/ds-ml-theme.scss
+++ b/ds-ml-css/ds-ml-theme.scss
@@ -7,12 +7,18 @@ body.theme-purple.light {
   --ml-text-button-secondary-hover: #422C7E;
   --ml-text-button-secondary-disabled: #C1C7D0;
 
+  --ml-border-accent-primary: #EBECF0;
+  --ml-border-accent-secondary: #F4F5F7;
+  --ml-border-accent-tertiary: #FAFBFC;
+
   --ml-border-button-primary: #744DDD;
   --ml-border-button-primary-hover: #422C7E;
   --ml-border-button-secondary: #744DDD; //#1B1C22; // bug dans couleurs maquette
   --ml-border-button-secondary-hover: #744DDD; //#353A47; // bug dans couleurs maquette
   --ml-border-button-disabled: #C1C7D0;
 
+  --ml-background-accent-secondary: #DFE1E6;
+
   --ml-background-button-primary: #744DDD;
   --ml-background-button-primary-hover: #422C7E;
   --ml-background-button-primary-disabled: #EBECF0;
@@ -30,12 +36,18 @@ body.theme-purple.dark {
   --ml-text-button-secondary-hover: #DDD0FF;
   --ml-text-button-secondary-disabled: #4F5561;
 
+  --ml-border-accent-primary: #576377;
+  --ml-border-accent-secondary: #4F5561;
+  --ml-border-accent-tertiary: #353A47;
+
   --ml-border-button-primary: #B79DFF;
   --ml-border-button-primary-hover: #744DDD; //#DDD0FF; // bug dans couleurs maquette
   --ml-border-button-secondary: #B79DFF; //#FFFFFF; // bug dans couleurs maquette
   --ml-border-button-secondary-hover: #DDD0FF; //#DFE1E6; // bug dans couleurs maquette
   --ml-border-button-disabled: #4F5561;
 
+  --ml-background-accent-secondary: #4F5561;
+
   --ml-background-button-primary: #B79DFF;
   --ml-background-button-primary-hover: #744DDD;
   --ml-background-button-primary-disabled: #353A47;
@@ -54,12 +66,18 @@ body.theme-red.light {
   --ml-text-button-secondary-hover: #b50028;
   --ml-text-button-secondary-disabled: #C1C7D0;
 
+  --ml-border-accent-primary: #EBECF0;
+  --ml-border-accent-secondary: #F4F5F7;
+  --ml-border-accent-tertiary: #FAFBFC;
+
   --ml-border-button-primary: #e60028;
   --ml-border-button-primary-hover: #b50028;
   --ml-border-button-secondary: #e60028;
   --ml-border-button-secondary-hover: #e60028;
   --ml-border-button-disabled: #C1C7D0;
 
+  --ml-background-accent-secondary: #DFE1E6;
+
   --ml-background-button-primary: #e60028;
   --ml-background-button-primary-hover: #b50028;
   --ml-background-button-primary-disabled: #ffedf0;
@@ -76,12 +94,18 @@ body.theme-red.dark {
   --ml-text-button-secondary-hover: #fe8896;
   --ml-text-button-secondary-disabled: #C1C7D0;
 
+  --ml-border-accent-primary: #EBECF0;
+  --ml-border-accent-secondary: #F4F5F7;
+  --ml-border-accent-tertiary: #FAFBFC;
+
   --ml-border-button-primary: #fe8896;
   --ml-border-button-primary-hover: #e60028;
   --ml-border-button-secondary: #fe8896;
   --ml-border-button-secondary-hover: #fe8896;
   --ml-border-button-disabled: #C1C7D0;
 
+  --ml-background-accent-secondary: #4F5561;
+
   --ml-background-button-primary: #fe8896;
   --ml-background-button-primary-hover: #e60028;
   --ml-background-button-primary-disabled: #353A47;
-- 
GitLab


From ffdb65fa041756a760353e799e47b4634ddf0311 Mon Sep 17 00:00:00 2001
From: Etienne Loupias <eloupias@grandlyon.com>
Date: Thu, 19 Jun 2025 09:49:47 +0200
Subject: [PATCH 13/13] theme: lowercase

---
 ds-ml-css/ds-ml-theme.scss | 72 +++++++++++++++++++-------------------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/ds-ml-css/ds-ml-theme.scss b/ds-ml-css/ds-ml-theme.scss
index 2cc73ad..2de3792 100644
--- a/ds-ml-css/ds-ml-theme.scss
+++ b/ds-ml-css/ds-ml-theme.scss
@@ -8,24 +8,24 @@ body.theme-purple.light {
   --ml-text-button-secondary-hover: #422c7e;
   --ml-text-button-secondary-disabled: #c1c7d0;
 
-  --ml-border-accent-primary: #EBECF0;
-  --ml-border-accent-secondary: #F4F5F7;
-  --ml-border-accent-tertiary: #FAFBFC;
-
-  --ml-border-button-primary: #744DDD;
-  --ml-border-button-primary-hover: #422C7E;
-  --ml-border-button-secondary: #744DDD; //#1B1C22; // bug dans couleurs maquette
-  --ml-border-button-secondary-hover: #744DDD; //#353A47; // bug dans couleurs maquette
-  --ml-border-button-disabled: #C1C7D0;
+  --ml-border-accent-primary: #ebecf0;
+  --ml-border-accent-secondary: #f4f5f7;
+  --ml-border-accent-tertiary: #fafbfc;
+
+  --ml-border-button-primary: #744ddd;
+  --ml-border-button-primary-hover: #422c7e;
+  --ml-border-button-secondary: #744ddd; //#1b1c22; // bug dans couleurs maquette
+  --ml-border-button-secondary-hover: #744ddd; //#353A47; // bug dans couleurs maquette
+  --ml-border-button-disabled: #c1c7d0;
 
-  --ml-background-accent-secondary: #DFE1E6;
+  --ml-background-accent-secondary: #dfe1e6;
 
-  --ml-background-button-primary: #744DDD;
-  --ml-background-button-primary-hover: #422C7E;
-  --ml-background-button-primary-disabled: #EBECF0;
-  --ml-background-button-secondary: #B79DFF;
-  --ml-background-button-secondary-hover: #F0ECFA;
-  --ml-background-button-tertiary-hover: #F0ECFA;
+  --ml-background-button-primary: #744ddd;
+  --ml-background-button-primary-hover: #422c7e;
+  --ml-background-button-primary-disabled: #ebecf0;
+  --ml-background-button-secondary: #b79dff;
+  --ml-background-button-secondary-hover: #f0ecfa;
+  --ml-background-button-tertiary-hover: #f0ecfa;
 
   --ml-radio-checked-color: #744ddd;
 }
@@ -41,21 +41,21 @@ body.theme-purple.dark {
   --ml-text-button-secondary-disabled: #4f5561;
 
   --ml-border-accent-primary: #576377;
-  --ml-border-accent-secondary: #4F5561;
-  --ml-border-accent-tertiary: #353A47;
+  --ml-border-accent-secondary: #4f5561;
+  --ml-border-accent-tertiary: #353a47;
 
-  --ml-border-button-primary: #B79DFF;
-  --ml-border-button-primary-hover: #744DDD; //#DDD0FF; // bug dans couleurs maquette
-  --ml-border-button-secondary: #B79DFF; //#FFFFFF; // bug dans couleurs maquette
-  --ml-border-button-secondary-hover: #DDD0FF; //#DFE1E6; // bug dans couleurs maquette
-  --ml-border-button-disabled: #4F5561;
+  --ml-border-button-primary: #b79dff;
+  --ml-border-button-primary-hover: #744ddd; //#ddd0ff; // bug dans couleurs maquette
+  --ml-border-button-secondary: #b79dff; //#ffffff; // bug dans couleurs maquette
+  --ml-border-button-secondary-hover: #ddd0ff; //#dfe1e6; // bug dans couleurs maquette
+  --ml-border-button-disabled: #4f5561;
 
-  --ml-background-accent-secondary: #4F5561;
+  --ml-background-accent-secondary: #4f5561;
 
-  --ml-background-button-primary: #B79DFF;
-  --ml-background-button-primary-hover: #744DDD;
-  --ml-background-button-primary-disabled: #353A47;
-  --ml-background-button-secondary: #B79DFF;
+  --ml-background-button-primary: #b79dff;
+  --ml-background-button-primary-hover: #744ddd;
+  --ml-background-button-primary-disabled: #353a47;
+  --ml-background-button-secondary: #b79dff;
   --ml-background-button-secondary-hover: #312849;
   --ml-background-button-tertiary-hover: #312849;
 
@@ -73,9 +73,9 @@ body.theme-red.light {
   --ml-text-button-secondary-hover: #b50028;
   --ml-text-button-secondary-disabled: #c1c7d0;
 
-  --ml-border-accent-primary: #EBECF0;
-  --ml-border-accent-secondary: #F4F5F7;
-  --ml-border-accent-tertiary: #FAFBFC;
+  --ml-border-accent-primary: #ebecf0;
+  --ml-border-accent-secondary: #f4f5f7;
+  --ml-border-accent-tertiary: #fafbfc;
 
   --ml-border-button-primary: #e60028;
   --ml-border-button-primary-hover: #b50028;
@@ -83,7 +83,7 @@ body.theme-red.light {
   --ml-border-button-secondary-hover: #e60028;
   --ml-border-button-disabled: #c1c7d0;
 
-  --ml-background-accent-secondary: #DFE1E6;
+  --ml-background-accent-secondary: #dfe1e6;
 
   --ml-background-button-primary: #e60028;
   --ml-background-button-primary-hover: #b50028;
@@ -105,9 +105,9 @@ body.theme-red.dark {
   --ml-text-button-secondary-hover: #fe8896;
   --ml-text-button-secondary-disabled: #c1c7d0;
 
-  --ml-border-accent-primary: #EBECF0;
-  --ml-border-accent-secondary: #F4F5F7;
-  --ml-border-accent-tertiary: #FAFBFC;
+  --ml-border-accent-primary: #ebecf0;
+  --ml-border-accent-secondary: #f4f5f7;
+  --ml-border-accent-tertiary: #fafbfc;
 
   --ml-border-button-primary: #fe8896;
   --ml-border-button-primary-hover: #e60028;
@@ -115,7 +115,7 @@ body.theme-red.dark {
   --ml-border-button-secondary-hover: #fe8896;
   --ml-border-button-disabled: #c1c7d0;
 
-  --ml-background-accent-secondary: #4F5561;
+  --ml-background-accent-secondary: #4f5561;
 
   --ml-background-button-primary: #fe8896;
   --ml-background-button-primary-hover: #e60028;
-- 
GitLab