ajout de coleur sur la page connexion

Site Web/src/styles/_settings.scss

@@ -1,8 +1,9 @@
 
 
-$color-1: #61dafb;
+$color-1: #A4EBF3;
-$color-2: salmon;
+$color-2: #CCF2F4;
-$color-3: #282c34;
+$color-3: #F4F9F9;
+$color-4: #AAAAAA;
 
 * {
     padding: 0;

Site Web/src/styles/components/_connexion.scss

@@ -1,3 +1,5 @@
+@import './../index.scss';
+
 .formulaire {
     display: flex;
     justify-content: center;
@@ -8,9 +10,8 @@
 .cadre {
     position: relative;
     padding: 50px 50px;
-    background: #fff;
     border-radius: 10px;
-    background:purple;
+    background-color: $color-1;
     h1 {
       letter-spacing: 5px;
       margin-bottom: 60px;
@@ -26,7 +27,7 @@
         width: 100%;
         border: 2px solid #000;
         outline: none;
-        background: none;
+        background-color: $color-3;
         padding: 10px;
         border-radius: 10px;
         font-size: 1.2em;
@@ -59,6 +60,10 @@ input[type="submit"], #buttonTEL{
     border: none;
     border-radius: 5px;
     border: 2px solid #000;
+    background-color: $color-3;
     margin: 10px 0px 0px 25%;
     padding: 20px 10% 20px 10%;
 }
+input[type="submit"]:hover, #buttonTEL:hover{
+    background-color: $color-4;
+}