Get rid of $color-asphalt-gray

packages/@uppy/core/src/_variables.scss

@@ -21,10 +21,10 @@ $color-blue: #2275d7 !default;
 $gray-50: #fafafa;
 $gray-100: #f4f4f4;
 $gray-200: #eaeaea;
-$gray-300: #dfdfdf;
+$gray-300: #cfcfcf;
 $gray-400: #bbb;
 $gray-500: #939393;
-$gray-600: #777;
+$gray-600: #757575;
 $gray-700: #525252;
 $gray-800: #333;
 $gray-900: #1f1f1f;

packages/@uppy/dashboard/src/style.scss

@@ -212,7 +212,7 @@
   margin: 0;
   padding: 0;
   text-align: center;
-  color: $color-asphalt-gray;
+  color: $gray-700;
 
   .uppy-size--md & {
     font-size: 16px;
@@ -565,7 +565,7 @@
   font-size: 16px;
   line-height: 1.45;
   font-weight: 400;
-  color: $color-asphalt-gray;
+  color: $gray-700;
   margin: auto;
   padding: 0 15px;
   padding-top: 20px;
@@ -580,7 +580,7 @@
   font-size: 14px;
   line-height: 1.25;
   text-align: center;
-  color: rgba($color-asphalt-gray, 0.8);
+  color: $gray-600;
   max-width: 350px;
   margin: auto;
   padding: 0 15px;
@@ -771,7 +771,7 @@ a.uppy-Dashboard-poweredBy {
   text-transform: uppercase;
   font-size: 9px;
   letter-spacing: 1px;
-  color: $color-asphalt-gray;
+  color: $gray-700;
   z-index: $zIndex-1;
   user-select: none;
 }
@@ -1213,7 +1213,7 @@ a.uppy-Dashboard-poweredBy {
   vertical-align: middle;
   width: 22%;
   font-size: 12px;
-  color: $color-asphalt-gray;
+  color: $gray-700;
 
   .uppy-size--md & {
     font-size: 14px;

packages/@uppy/informer/src/style.scss

@@ -46,7 +46,7 @@
   line-height: 1.4;
   font-weight: 400;
   padding: 6px 15px;
-  background-color: rgba($color-asphalt-gray, 0.8); /* no !important */
+  background-color: $gray-600; /* no !important */
   color: $color-white;
   border-radius: 18px;
   max-width: 90%;
@@ -65,7 +65,7 @@
   height: 13px;
   display: inline-block;
   vertical-align: middle;
-  color: $color-asphalt-gray;
+  color: $gray-700;
   background-color: $color-white;
   border-radius: 50%;
   position: relative;

packages/@uppy/provider-views/src/style.scss

@@ -263,7 +263,7 @@
   }
 
     .uppy-ProviderBrowserItem-checkbox label:before {
-      border-color: rgba($color-asphalt-gray, 0.35);
+      border-color: $gray-300;
     }
 
     .uppy-ProviderBrowserItem-checkbox input:checked + label:before {

packages/@uppy/status-bar/src/style.scss

@@ -127,7 +127,7 @@
   font-size: 11px;
   line-height: 1.2;
   display: inline-block;
-  color: rgba($color-asphalt-gray, 0.8);
+  color: $gray-600;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow-x: hidden;
@@ -150,7 +150,7 @@
   // }
 
 .uppy-StatusBar-statusIndicator {
-  color: $color-asphalt-gray;
+  color: $gray-700;
   margin-right: 10px;
   cursor: pointer;
 
@@ -275,7 +275,7 @@
   display: inline-block;
   vertical-align: middle;
   color: $color-white;
-  background-color: $color-asphalt-gray;
+  background-color: $gray-700;
   border-radius: 50%;
   position: relative;
   top: 0;