transparentize($black, 0.8) -> $border-color-button

Author: shawnbot

src/buttons/button.scss

@@ -18,7 +18,7 @@
   background-position: -1px -1px;
   background-size: 110% 110%;
   // stylelint-disable-next-line primer/borders
-  border: $border-width $border-style transparentize($black, 0.8);
+  border: $border-width $border-style $border-color-button;
   // stylelint-disable-next-line primer/borders
   border-radius: 0.25em;
   appearance: none; // Corrects inability to style clickable `input` types in iOS.

src/buttons/misc.scss

@@ -74,7 +74,7 @@
   vertical-align: middle;
   background-color: $bg-white;
   // stylelint-disable-next-line primer/borders
-  border: $border-width $border-style transparentize($black, 0.8); // match with .btn
+  border: $border-width $border-style $border-color-button; // match with .btn
   border-left: 0;
   border-top-right-radius: $border-radius;
   border-bottom-right-radius: $border-radius;

src/support/mixins/buttons.scss

@@ -34,7 +34,7 @@
       color: rgba($color, 0.4);
       background-color: $bg2;
       background-image: none;
-      border-color: transparentize($black, 0.8); // back to default .btn
+      border-color: $border-color-button;
       box-shadow: none;
     }
 
@@ -67,7 +67,7 @@
       color: rgba($color, 0.75);
       background-color: mix($bg2, $white, 50%);
       background-image: none;
-      border-color: transparentize($black, 0.8); // repeat .btn default to avoid shift on click-drag off of button
+      border-color: $border-color-button;
       box-shadow: none;
     }
 
@@ -114,7 +114,7 @@
     color: rgba($color, 0.4);
     background-color: $bg2;
     background-image: none;
-    border-color: transparentize($black, 0.8); // back to default .btn
+    border-color: $border-color-button;
     box-shadow: none;
   }
 }