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