---|qcm| Mise à jour V17 et QCM

src/app/components/settings/settings.component.scss

@@ -1,9 +1,10 @@
 /* Settings */
-@use '@angular/material' as mat;
-@use 'src/styles/variable' as var;
-//@import 'src/styles/variable';
+@use 'variable' as var;
 
 .banner {
+    background-color: var.$sidebar-footer;
+    padding: 1.6rem 0 1.3rem 0;
+    /*
     background-color: mat.get-color-from-palette(var.$md-custom-warn, 700);
     margin-bottom: 1rem;
     &.light {
@@ -14,11 +15,11 @@
             border-color: #555;
         }
     }
+    */
     .user-img {
-        width: 84px;
-        height: 84px;
-        border-radius: 84px;
-        margin-bottom: 0.75rem;
+        width: var.$user-img-size;
+        height: var.$user-img-size;
+        border-radius: var.$user-img-size;
     }
     h4 {
         font-weight: 500;
@@ -26,7 +27,7 @@
     }
     p {
         margin: 0 auto .5rem;
-        color: #aaaaaa;
+        color: var.$muted;
         max-width: 450px;
         font-weight: 300;
     }
@@ -38,7 +39,6 @@ input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }
-
 /* Firefox */
 input[type=number] {
     appearance: textfield;