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);
         }
     }
 

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);
 }

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);
                 }
             }
         }