Merge pull request #418 from primer/btn_contrast

Button color contrast improvements

Author: broccolini

modules/primer-buttons/lib/button.scss

@@ -22,7 +22,7 @@
   i {
     font-style: normal;
     font-weight: $font-weight-semibold;
-    opacity: 0.6;
+    opacity: 0.75;
   }
 
   .octicon {

modules/primer-support/lib/mixins/buttons.scss

@@ -43,7 +43,7 @@
   } @else {
     &:focus,
     &.focus {
-      box-shadow: 0 0 0 0.2em rgba($bg, 0.3);
+      box-shadow: 0 0 0 0.2em rgba($bg, 0.4);
     }
 
     &:hover,
@@ -86,7 +86,7 @@
   background-image: linear-gradient(-180deg, $bg 0%, $bg2 90%);
 
   &:focus {
-    box-shadow: 0 0 0 0.2em rgba($color, 0.3);
+    box-shadow: 0 0 0 0.2em rgba($color, 0.4);
   }
 
   &:hover {
@@ -147,7 +147,7 @@
 
   &:focus {
     border-color: $text-color;
-    box-shadow: 0 0 0 0.2em rgba($text-color, 0.3);
+    box-shadow: 0 0 0 0.2em rgba($text-color, 0.4);
   }
 
   &:disabled,