diff --git a/sass/box.scss b/sass/box.scss
index 4eff418..95c138e 100644
--- a/sass/box.scss
+++ b/sass/box.scss
@@ -1,7 +1,7 @@
 .box {
-    background-color: var(--form-bg-color);
+    background-color: var(--box-bg-color);
     border-radius: 6px;
-    box-shadow: var(--form-box-color) 0px 3px 6px 0px;
+    box-shadow: var(--box-shadow-color) 0px 3px 6px 0px;
     color: var(--font-color);
     display: block;
     padding: 1.25rem;
@@ -20,10 +20,6 @@
         margin-top: 0;
     }
 
-    input {
-        box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
-    }
-
     button {
         margin-top: 2rem;
     }
diff --git a/sass/button.scss b/sass/button.scss
index b1ab827..8f773ba 100644
--- a/sass/button.scss
+++ b/sass/button.scss
@@ -12,25 +12,42 @@
     background-color: var(--default-color);
     border-color: var(--default-hl-color);
     border-radius: 0.375rem;
+    color: $button-font-color;
     @include transition() {}
 
     &.is-danger {
-        background-color: var(--danger-bg-color);
+        background-color: $danger-color;
         border-color: transparent;
-        color: var(--danger-font-color);
+        color: $button-alternate-color;
 
         &:hover {
-            background-color: var(--danger-bg-hl-color);
+            background-color: $danger-color-hl;
         }
     }
 
     &.is-primary {
-        background-color: var(--primary-bg-color);
+        background-color: $primary-color;
         border-color: transparent;
-        color: var(--primary-font-color);
 
         &:hover {
-            background-color: var(--primary-bg-hl-color);
+            background-color: $primary-color-hl;
+        }
+    }
+
+    &.is-warning {
+        background-color: $warning-color;
+        border-color: transparent;
+
+        &:hover {
+            background-color: $warning-color-hl;
+        }
+    }
+
+    &.is-success {
+        background-color: $success-color;
+
+        &:hover {
+            background-color: $success-color-hl;
         }
     }
 }
\ No newline at end of file
diff --git a/sass/colors.scss b/sass/colors.scss
index 1ae8720..920cacc 100644
--- a/sass/colors.scss
+++ b/sass/colors.scss
@@ -1,52 +1,73 @@
+$hoverAmount: 10%;
+
+$white: #ffffff;
+$darken-white: #F8F9FB;
+/* Couleurs du thème Nord (https://www.nordtheme.com/) */
+$nord0: #2e3440;
+$nord1: #3b4252;
+$nord2: #434c5e;
+$nord3: #4C566A;
+$nord4: #d8dee9;
+$nord5: #e5e9f0;
+$nord6: #eceff4;
+$nord7: #8fbcbb;
+$nord8: #88c0d0;
+$nord9: #81a1c1;
+$nord10: #5e81ac;
+$nord11: #d08770;
+$nord12: #bf616a;
+$nord13: #ebcb8b;
+$nord14: #a3be8c;
+$nord15: #b48ead;
+
+$primary-color: $nord8;
+$danger-color: $nord11;
+$warning-color: $nord13;
+$success-color: $nord14;
+$primary-color-hl: darken($primary-color, $hoverAmount);
+$danger-color-hl: darken($danger-color, $hoverAmount);
+$warning-color-hl: darken($warning-color, $hoverAmount);
+$success-color-hl: darken($success-color, $hoverAmount);
+
+$button-font-color: $nord1;
+$button-alternate-color: #01103C;
+$pagination-border-color: $nord3;
+$pagination-hover-color: rgb(115, 151, 186);
+
 :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);
+    --default-color: #{$white};
+    --bg-color: #{darken($white, 5%)};
+    --font-color: #{$nord3};
+    --footer-color: #{$darken-white};
+    --link-color: #{$nord1};
 
-    /* Couleurs du thème */
-    --default-color: rgb(255, 255, 255);
-    --bg-color: rgb(242, 244, 248);
-    --font-color: rgb(76, 86, 106);
-    --footer-color: rgb(251, 251, 252);
-    --link-colink-color: rgb(59, 66, 82);
-    --link-hover-color: rgb(76, 86, 106);
-    --input-color: rgb(76, 86, 106);
-    --input-active-color: rgb(229, 233, 240);
-    --navbar-color: rgb(242, 244, 248);
+    --input-font-color: #{$nord3};
+    --input-color: #{$white};
+    --input-active-color: #{$nord5};
+    
+    --navbar-color: #{darken($white, 5%)};
 
-    --form-bg-color: rgb(255, 255, 255);
-    --form-box-color: rgba(184, 194, 215, 0.35);
+    --box-bg-color: #F8F9FB;
+    --box-shadow-color: #{rgba($nord4, 0.35)};
 
-    --border-color: rgb(229, 233, 240);
-
-    --pagination-text-color: rgb(76, 86, 106);
-    --pagination-border-color: rgb(76, 86, 106);
-    --pagination-text-hover-color: rgb(115, 151, 186);
-    --pagination-border-hover-color: rgb(115, 151, 186);
+    --border-color: #{$nord4};
 }
 
 [data-theme="dark"] {
-    --default-color: rgb(76, 86, 106);
-    --bg-color: rgb(36, 41, 51);
-    --font-color: rgb(236, 239, 244);
-    --footer-color: rgb(59, 66, 82);
-    --link-color: rgb(171, 185, 207);
-    --link-hover-color: rgb(236, 239, 244);
-    --input-color: rgb(236, 239, 244);
-    --input-active-color: rgb(36, 41, 51);
-    --navbar-color: rgb(59, 66, 82);
+    --default-color: #{$nord3};
+    --bg-color: #{lighten($nord0, 2%)};
+    --font-color: #{$nord6};
+    --footer-color: #{$nord1};
+    --link-color: #{$nord4};
 
-    --form-bg-color: rgb(46, 52, 64);
-    --form-box-color: rgba(15, 17, 21, 0.2);
+    --input-font-color: #{$nord6};
+    --input-color: #{$nord0};
+    --input-active-color: #{$nord3};
 
-    --border-color: rgb(59, 66, 82);
+    --navbar-color: #{$nord0};
 
-    --pagination-text-color: rgb(236, 239, 244);
-    --pagination-border-color: rgb(76, 86, 106);
-    --pagination-text-hover-color: rgb(115, 151, 186);
-    --pagination-border-hover-color: rgb(115, 151, 186);
+    --box-bg-color: #{$nord1};
+    --box-shadow-color: #{rgba($nord4, 0.2)};
+
+    --border-color: #{$nord1};
 }
\ No newline at end of file
diff --git a/sass/forms.scss b/sass/forms.scss
index 5b8d5bb..0f4aab7 100644
--- a/sass/forms.scss
+++ b/sass/forms.scss
@@ -29,9 +29,9 @@
         border-radius: 4px;
         max-width: 100%;
         width: 100%;
-        background-color: var(--default-color);
+        background-color: var(--input-color);
         border: 1px solid transparent !important;
-        color: var(--input-color);
+        color: var(--input-font-color);
         @include transition() {}
 
         &:focus-visible {
@@ -105,7 +105,7 @@
 }
 
 input:checked + .slider {
-    background-color: var(--primary-bg-color);
+    background-color: $primary-color;
     @include transition() {}
 }
 
diff --git a/sass/global.scss b/sass/global.scss
index 2c25f26..d1a3997 100644
--- a/sass/global.scss
+++ b/sass/global.scss
@@ -33,7 +33,7 @@ html {
             @include transition() {}
 
             &:hover {
-                color: var(--link-hover-color);
+                color: var(--font-color);
             }
         }
 
diff --git a/sass/ma-collection.scss b/sass/ma-collection.scss
index 87a80c1..af22f2a 100644
--- a/sass/ma-collection.scss
+++ b/sass/ma-collection.scss
@@ -27,11 +27,11 @@
         .title {
             .icon-trash {
                 cursor: pointer;
-                color: var(--danger-bg-color);
+                color: $danger-color;
                 @include transition() {}
 
                 &:hover {
-                    color: var(--danger-bg-hl-color);
+                    color: $danger-color-hl;
                 }
             }
         }
diff --git a/sass/pagination.scss b/sass/pagination.scss
index 2a439a6..ddf2695 100644
--- a/sass/pagination.scss
+++ b/sass/pagination.scss
@@ -39,16 +39,16 @@
             font-size: 1em;
             justify-content: center;
             margin: .25rem;
-            border-color: var(--pagination-border-color);
-            color: var(--pagination-text-color);
+            border-color: $pagination-border-color;
+            color: var(--font-color);
             min-width: 2.5em;
             white-space: nowrap;
 
             @include transition() {}
 
             &:hover {
-                border-color: var(--pagination-border-hover-color);
-                color: var(--pagination-text-hover-color);
+                border-color: $pagination-hover-color;
+                color: $pagination-hover-color;
             }
 
             &.is-disabled {
@@ -60,9 +60,9 @@
             }
 
             &.is-current {
-                background-color: var(--primary-bg-color);
-                border-color: var(--primary-bg-color);
-                color: var(--primary-font-color);
+                background-color: $primary-color;
+                border-color: $primary-color;
+                color: $button-font-color;
             }
         }
     }