From b0d93e382fcbc68105fa136ccb73c49afb73786a Mon Sep 17 00:00:00 2001
From: Serghei Mihai <smihai@entrouvert.com>
Date: Thu, 1 Sep 2022 11:02:06 +0200
Subject: [PATCH] scss: add variable to define form's background color (#68612)

---
 help/fr/misc-scss.page         | 5 +++++
 static/includes/wcs/_bulk.scss | 9 +++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/help/fr/misc-scss.page b/help/fr/misc-scss.page
index aa0def758..59ebcf259 100644
--- a/help/fr/misc-scss.page
+++ b/help/fr/misc-scss.page
@@ -477,6 +477,11 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
   pour les éléments.</p></td>
   <td><p><var>classic</var></p></td>
  </tr>
+ <tr>
+  <td><p><code>$form-background</code></p></td>
+  <td><p>Couleur de fond d'une démarche.</p></td>
+  <td><p><var>$body-background</var></p></td>
+ </tr>
  <tr>
   <td><p><code>$form-sidebar-position</code></p></td>
   <td><p>Position du code de suivi et des étapes, « left », « right » ou
diff --git a/static/includes/wcs/_bulk.scss b/static/includes/wcs/_bulk.scss
index 86a487fcf..aa4417139 100644
--- a/static/includes/wcs/_bulk.scss
+++ b/static/includes/wcs/_bulk.scss
@@ -7,6 +7,7 @@ $form-sidebar-gutter: 2% !default;
 // * page: full page width (i.e. sidebar + form content)
 // * form: form width (+ margin to be aligned on top of form)
 $form-titlebar-mode: page !default;
+$form-background: $body-background !default;
 
 // hide a bunch of elements
 div#droite,
@@ -22,7 +23,7 @@ div#gauche, div#rub_service {
 }
 
 div#rub_service {
-	background: $body-background;
+	background: $form-background;
 }
 
 @if ($form-sidebar-position == top) {
@@ -262,7 +263,7 @@ ul#evolutions > li:after {
 ul#evolutions div.evolution-metadata {
 	width: auto;
 	display: inline-block;
-	background: $body-background;
+	background: $form-background;
 	margin-left: 60px;
 	padding: 0.7em;
 	padding-top: 30px;
@@ -297,7 +298,7 @@ ul#evolutions li div.msg {
 	padding: 0.7em;
 	padding-top: 0;
 	position: relative;
-	background: $body-background;
+	background: $form-background;
 	margin-left: 60px;
 	margin-right: 30px;
 	p.wf-attachment {
@@ -329,7 +330,7 @@ ul#evolutions li span.item {
 	border: 1px solid #888;
 	top: 24px;
 	background: $button-color !important;
-	box-shadow: 0 0 0px 5px $body-background;
+	box-shadow: 0 0 0px 5px $form-background;
 	&::before {
 		content: "";
 		display: block;