#issue-19 Amélioration des contrastes

sass/button.scss

@@ -14,12 +14,12 @@
     border-radius: 0.375rem;
 
     &.is-danger {
-        background-color: #f14668;
+        background-color: #d73455;
         border-color: transparent;
         color: #fff;
 
         &:hover {
-            background-color: #f03a5f;
+            background-color: #d70933;
             border-color: transparent;
             color: #fff;
         }
@@ -38,12 +38,12 @@
     }
 
     &.is-primary {
-        background-color: #48c78e;
+        background-color: #2d7c58;
         border-color: transparent;
         color: #fff;
 
         &:hover {
-            background-color: #3ec487;
+            background-color: #267953;
         }
     }
 }

sass/flash.scss

@@ -1,5 +1,5 @@
 .flash {
-    background-color: #f14668;
+    background-color: #d73455;
     border-radius: 6px;
     box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
     color: #fff;

sass/global.scss

@@ -45,4 +45,8 @@ html {
     @include respond-to("small") {
         padding: 0 0.7rem;
     }
+}
+
+.is-hidden {
+    display: none;
 }

sass/ma-collection.scss

@@ -27,10 +27,10 @@
         .title {
             .icon-trash {
                 cursor: pointer;
-                color: #f14668;
+                color: #d73455;
 
                 &:hover {
-                    color: #f03a5f;
+                    color: #d70933;
                 }
             }
         }

sass/toast.scss

@@ -9,7 +9,7 @@
     font-size: 17px;
 
     padding: 1.25rem 2.5rem 1.25rem 1.5rem;
-    background-color: #f14668;
+    background-color: #d73455;
     color: #fff;
 
     &.show {

views/pages/ajouter-un-album.ejs

@@ -3,11 +3,13 @@
     <div class="grid sm:grid-cols-2">
         <div>
             <form @submit="search">
+                <label for="q">Nom de l'album ou code barre</label>
                 <div class="field has-addons">
-                    <input type="text" name="q" v-model="q" placeholder="Nom de l'album ou code barre (ex : Hybrid Theory)" autofocus>
+                    <input type="text" name="q" id="q" v-model="q" placeholder="ex : Hybrid Theory" autofocus>
                     <button class="button is-link" :disabled="loading">
                         <i class="icon-search" v-if="!loading"></i>
                         <i class="icon-spin animate-spin" v-if="loading"></i>
+                        <span class="is-hidden">Chercher</span>
                     </button>
                 </div>
             </form>