From d213046247ac090c5e101a08f4879c721c7c920d Mon Sep 17 00:00:00 2001
From: frperalde <francois.peralde@gmail.com>
Date: Mon, 30 Nov 2020 09:14:39 +0100
Subject: [PATCH] couleur

---
 SwichGIT/src/css/Resp3.css | 2 +-
 SwichGIT/src/css/base.css  | 6 +++++-
 SwichGIT/src/js/main.js    | 6 +++---
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/SwichGIT/src/css/Resp3.css b/SwichGIT/src/css/Resp3.css
index cfaf622..27ed7fa 100644
--- a/SwichGIT/src/css/Resp3.css
+++ b/SwichGIT/src/css/Resp3.css
@@ -4,7 +4,7 @@
     .anneau {
         position: relative;
         left: calc((var(--x) - var(--y)) / 2);
-        background-color: var(--colorrond);
+        background-color: var(--colorbase);
         border-radius: var(--y);
         height: var(--y);
         width: var(--y);
diff --git a/SwichGIT/src/css/base.css b/SwichGIT/src/css/base.css
index cc87cc3..d59d42b 100644
--- a/SwichGIT/src/css/base.css
+++ b/SwichGIT/src/css/base.css
@@ -3,7 +3,11 @@
 	--lightprima: #DEDEDE;
 	--lightsedonca: #B7B7B7;
 	--lighttercia: #E6E6E6;
-	--colorrond : #e75259;
+	/*Couleur*/
+	--colorbase : #e75259;
+	--colorone : #00CBFF;
+	--colortwo : #00FF6E;
+	--colorthree : #C800FF;
 	--colorcarre : #30C0DE;
 	/*Les formes*/
 	--x : 3vw;
diff --git a/SwichGIT/src/js/main.js b/SwichGIT/src/js/main.js
index af5fbd6..2737814 100644
--- a/SwichGIT/src/js/main.js
+++ b/SwichGIT/src/js/main.js
@@ -171,13 +171,13 @@ class Figure {
 						unCercle.className = "anneau";
 
 						if (pos == 0 || pos == 2 || pos == 9 || pos == 11) {
-							unCercle.style.backgroundColor = "#00CBFF";
+							unCercle.style.backgroundColor = "var(--colorone)";
 						}
 						if (pos == 1 || pos == 10) {
-							unCercle.style.backgroundColor = "#00FF6E";
+							unCercle.style.backgroundColor = "var(--colortwo)";
 						}
 						if (pos == 4 || pos == 7) {
-							unCercle.style.backgroundColor = "#C800FF";
+							unCercle.style.backgroundColor = "var(--colorthree)";
 						}
 
 						var unRond = document.createElement('div');