make search form act only at hero and mod colors

asset/scss/components/_forms.scss

@@ -1,4 +1,5 @@
-.search{
+.hero{
+  .search{
     .input-group * {
       margin: 0;
     }
@@ -37,8 +38,7 @@
         right: 2rem;
         + .appear {
           display: block;
-        color: $primary-color;
-        background-color: $input-background-focus;
+          background-color: scale-color($input-background-focus, $lightness: -20%);
           z-index: 2;
           &:hover {
             color: $white;
@@ -63,4 +63,5 @@
         background-color: scale-color($primary-color, $lightness: 85%);
       }
     }
+  }
 }