justering i farge

src/components/ItemSearch.vue

@@ -98,7 +98,7 @@ button {
 
 button:hover {
     border: 1px solid base.$grey;
-    background-color: base.$green;
+    background-color: base.$light-green-hover;
     cursor: pointer;
 
 

src/style.scss

@@ -5,8 +5,8 @@ $white:#FFFFFF;
 $grey:#D9D9D9;
 $red:#EE6D6D;
 
-$red-hover: darken( $red, 10% );
-$green-hover: darken( $green, 10% );
+$red-hover: darken( $red, 5% );
+$green-hover: darken( $green, 8% );
 $light-green-hover: darken( $light-green, 10% );
 
 

src/views/FridgeView.vue

@@ -111,7 +111,7 @@ h1 {
 }
 
 #addItemBtn:hover {
-  background-color: base.$green;
+  background-color: base.$light-green-hover;
   color: white;
   box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
   cursor: pointer;