From bb533c34122b9db4940d027ab1e81e4d8166ef57 Mon Sep 17 00:00:00 2001
From: dbroqua <contact@darkou.fr>
Date: Wed, 23 Feb 2022 19:38:23 +0100
Subject: [PATCH] =?UTF-8?q?{WIP}=20Mise=20en=20place=20des=20th=C3=A8mes?=
 =?UTF-8?q?=20clair=20et=20sombre=20(boutons)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/button.scss        | 20 +++-----------------
 sass/global.scss        | 17 ++++++++++-------
 sass/ma-collection.scss |  4 ++--
 3 files changed, 15 insertions(+), 26 deletions(-)

diff --git a/sass/button.scss b/sass/button.scss
index 367277f..78fc884 100644
--- a/sass/button.scss
+++ b/sass/button.scss
@@ -14,26 +14,12 @@
     border-radius: 0.375rem;
 
     &.is-danger {
-        background-color: var(--danger-color);
+        background-color: var(--danger-bg-color);
         border-color: transparent;
-        color: var(--default-color);
+        color: var(--danger-font-color);
 
         &:hover {
-            background-color: var(--danger-hl-color);
-            border-color: transparent;
-            color: var(--default-color);
-        }
-    }
-
-    &.is-link {
-        background-color: var(--secondary-color);
-        border-color: transparent;
-        color: var(--default-color);
-
-        &:hover {
-            background-color: var(--secondary-hl-color);
-            border-color: transparent;
-            color: var(--default-color);
+            background-color: var(--danger-bg-hl-color);
         }
     }
 
diff --git a/sass/global.scss b/sass/global.scss
index f9ffa5b..a27ec37 100644
--- a/sass/global.scss
+++ b/sass/global.scss
@@ -56,6 +56,15 @@ html {
 }
 
 :root {
+    /* Couleurs globales */
+    --primary-bg-color: rgb(136, 192, 208);
+    --primary-bg-hl-color: rgb(121, 184, 202);
+    --primary-font-color: rgb(59, 66, 82);
+    --danger-bg-color: rgb(191, 97, 106);
+    --danger-bg-hl-color: rgb(176, 89, 100);
+    --danger-font-color: rgb(4, 4, 4);
+
+    /* Couleurs du thème */
     --default-color: rgb(255, 255, 255);
     --bg-color: rgb(242, 244, 248);
     --font-color: rgb(76, 86, 106);
@@ -66,9 +75,7 @@ html {
     --input-active-color: rgb(229, 233, 240);
     --navbar-color: rgb(242, 244, 248);
 
-    --primary-bg-color: rgb(136, 192, 208);
-    --primary-bg-hl-color: rgb(121, 184, 202);
-    --primary-font-color: rgb(59, 66, 82);
+
 
     --default-hl-color: #dbdbdb;
     --secondary-color: #485fc7;
@@ -92,8 +99,4 @@ html {
     --input-color: rgb(236, 239, 244);
     --input-active-color: rgb(36, 41, 51);
     --navbar-color: rgb(59, 66, 82);
-
-    --primary-bg-color: rgb(136, 192, 208);
-    --primary-bg-hl-color: rgb(121, 184, 202);
-    --primary-font-color: rgb(59, 66, 82);
 }
\ No newline at end of file
diff --git a/sass/ma-collection.scss b/sass/ma-collection.scss
index 2ca30ab..357819a 100644
--- a/sass/ma-collection.scss
+++ b/sass/ma-collection.scss
@@ -27,10 +27,10 @@
         .title {
             .icon-trash {
                 cursor: pointer;
-                color: var(--danger-color);
+                color: var(--danger-bg-color);
 
                 &:hover {
-                    color: var(--danger-hl-color);
+                    color: var(--danger-bg-hl-color);
                 }
             }
         }