[FEATURE] Modifier les couleurs de l'espace surveillant sur Pix Certif (PIX-15549).

 #10706

Author: pix-service-auto-merge

Diff for: certif/app/components/login-session-supervisor/footer.scss

@@ -1,4 +1,4 @@
-#login-session-supervisor-page > main > footer {
+.login-session-supervisor-page > main > footer {
   border-radius: 0 0 10px 10px;
   background: var(--pix-neutral-20);
   display: flex;

Diff for: certif/app/components/login-session-supervisor/form.scss

@@ -1,4 +1,4 @@
-#login-session-supervisor-page > main > section {
+.login-session-supervisor-page > main > section {
   p.error-message {
     margin-bottom: 10px;
     text-align: center;

Diff for: certif/app/components/login-session-supervisor/header.scss

@@ -1,4 +1,4 @@
-#login-session-supervisor-page > main > section {
+.login-session-supervisor-page > main > section {
   header {
     text-align: center;
 

Diff for: certif/app/components/login-session-supervisor/index.gjs

@@ -55,7 +55,7 @@ export default class LoginSessionSupervisor extends Component {
   }
 
   <template>
-    <div id='login-session-supervisor-page'>
+    <div id='login-session-supervisor-page' class='login-session-supervisor-page'>
       <main>
         <section>
           <LoginSessionSupervisorHeader @errorMessage={{this.errorMessage}} />

Diff for: certif/app/components/login-session-supervisor/index.scss

@@ -1,7 +1,6 @@
-#login-session-supervisor-page {
+.login-session-supervisor-page {
   align-items: center;
-  background: $pix-primary-certif-gradient;
-  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
+  background: var(--pix-certif-500);
   display: flex;
   flex-direction: column;
   height: 100px;

Diff for: certif/app/styles/components/session-supervising/candidate-list.scss

@@ -1,5 +1,5 @@
 .session-supervising-candidate-list-background {
-  background: var(--pix-neutral-900);
+  background: var(--pix-certif-500);
   border-radius: 18px 18px 0 0;
   flex-grow: 1;
   padding: 32px 16px;
@@ -18,7 +18,7 @@
     &__description {
       display: flex;
       justify-content: flex-start;
-      color: var(--pix-neutral-20);
+      color: var(--pix-neutral-0);
       font-size: 0.875rem;
       font-weight: normal;
       min-height: 14px;
@@ -30,15 +30,15 @@
       @extend %pix-title-xs;
       font-weight: 600;
       margin: 0 0 8px;
-      color: var(--pix-neutral-20);
+      color: var(--pix-neutral-0);
     }
 
     &__candidates {
       list-style: none;
       padding: 0;
 
       > li {
-        background: var(--pix-neutral-800);
+        background: rgb(var(--pix-neutral-900-inline), 40%);
       }
     }
 
@@ -60,7 +60,6 @@
     &__search {
       align-items: center;
       background-color: var(--pix-neutral-0);
-      border: 1px solid #7A869A;
       border-radius: 4px;
       box-sizing: border-box;
       display: flex;
@@ -73,7 +72,7 @@
     &__candidates-count {
       display: flex;
       justify-content: flex-start;
-      color: var(--pix-neutral-20);
+      color: var(--pix-neutral-0);
       font-size: 0.875rem;
       font-weight: normal;
       height: 14px;