From 9b2f6824a3351ffe2e104edb87f953cbaa4b67d3 Mon Sep 17 00:00:00 2001 From: Darius Date: Wed, 19 Oct 2022 15:27:50 +0200 Subject: [PATCH] ajout de coleur sur la page connexion --- Site Web/src/styles/_settings.scss | 7 ++++--- Site Web/src/styles/components/_connexion.scss | 11 ++++++++--- Site Web/src/styles/index.scss | 2 +- 3 files changed, 13 insertions(+), 7 deletions(-) diff --git a/Site Web/src/styles/_settings.scss b/Site Web/src/styles/_settings.scss index b2644491..0218c21f 100644 --- a/Site Web/src/styles/_settings.scss +++ b/Site Web/src/styles/_settings.scss @@ -1,8 +1,9 @@ -$color-1: #61dafb; -$color-2: salmon; -$color-3: #282c34; +$color-1: #A4EBF3; +$color-2: #CCF2F4; +$color-3: #F4F9F9; +$color-4: #AAAAAA; * { padding: 0; diff --git a/Site Web/src/styles/components/_connexion.scss b/Site Web/src/styles/components/_connexion.scss index 0538df6f..187a4825 100644 --- a/Site Web/src/styles/components/_connexion.scss +++ b/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; } \ No newline at end of file diff --git a/Site Web/src/styles/index.scss b/Site Web/src/styles/index.scss index d45acda0..430de890 100644 --- a/Site Web/src/styles/index.scss +++ b/Site Web/src/styles/index.scss @@ -1,2 +1,2 @@ @import "./settings"; -@import "./components/navbar"; \ No newline at end of file +@import "./components/navbar";