fix(): Change background to gray (#122)

bart-krakowski · imklau · commit 080fc73d4472 · 2019-10-15T14:27:37.000+02:00
diff --git a/src/_includes/components/feedback.html b/src/_includes/components/feedback.html
@@ -33,7 +33,7 @@ <h4>Was this page helpful?</h4>
             </div>
 
             <div class="flex__column flex__column--shrink">
-              <button class="button button--small button-fill button-fill--white button-fill--borderable" data-ref="feedback[unhelpful]" data-active-class="button-fill--error-light">
+              <button class="button button--small button-fill button-fill--white button-fill--borderable" data-ref="feedback[unhelpful]" data-active-class="button-fill--gray">
                 <span class="button__icon">
                   {% include icons/symbols/thumb-down.svg %}
                 </span>
diff --git a/src/_includes/sidebar/feedback.html b/src/_includes/sidebar/feedback.html
@@ -13,7 +13,7 @@
     </div>
 
     <div class="flex__column flex__column--6">
-      <button class="button button--small button-fill button-fill--white" data-ref="feedback[unhelpful]" data-active-class="button-fill--error-light">
+      <button class="button button--small button-fill button-fill--white" data-ref="feedback[unhelpful]" data-active-class="button-fill--gray">
         <span class="button__icon">
           {% include icons/symbols/thumb-down.svg %}
         </span>
diff --git a/src/_sass/components/_button-fill.scss b/src/_sass/components/_button-fill.scss
@@ -36,12 +36,12 @@
     }
   }
 
-  &--error-light {
-    background-color: rgba(color(error), 0.78);
+  &--gray {
+    background-color: color(gray);
     color: color(white);
 
     &:hover {
-      background-color: rgba(color(error), 0.78);
+      background-color: color(gray);
       color: color(white);
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -36,12 +36,12 @@`
`36`	`36`	`}`
`37`	`37`	`}`
`38`	`38`
`39`		`- &--error-light {`
`40`		`- background-color: rgba(color(error), 0.78);`
	`39`	`+ &--gray {`
	`40`	`+ background-color: color(gray);`
`41`	`41`	`color: color(white);`
`42`	`42`
`43`	`43`	`&:hover {`
`44`		`- background-color: rgba(color(error), 0.78);`
	`44`	`+ background-color: color(gray);`
`45`	`45`	`color: color(white);`
`46`	`46`	`}`
`47`	`47`	`}`