Replace $color-black with $gray-800 in some places

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

@@ -10,7 +10,7 @@
   -moz-osx-font-smoothing: grayscale;
   text-align: left;
   position: relative;
-  color: $color-black;
+  color: $gray-800;
 }
 
 .uppy-Root *, .uppy-Root *:before, .uppy-Root *:after {
@@ -173,7 +173,7 @@
   padding: 10px 15px;
   border-radius: 4px;
   background-color: transparent;
-  color: $color-black;
+  color: $gray-800;
 }
 
   .uppy-size--md .uppy-c-btn-link {

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

@@ -3,7 +3,7 @@ $font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Ari
 
 // Colors
 
-$color-black: #333 !default;
+$color-black: #000 !default;
 $color-gray: #939393 !default;
 // $color-asphalt-gray: #525252 !default;
 // $color-lightgray: #eaeaea !default;

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

@@ -119,7 +119,7 @@
   // min-height: 450px is required for everything to fit on mobile
   min-height: 450px;
   outline: none;
-  border: 1px solid rgba($color-gray, 0.2);
+  border: 1px solid $gray-200;
   border-radius: 5px;
 
   .uppy-size--md & {
@@ -712,7 +712,7 @@ a.uppy-Dashboard-poweredBy {
   border-radius: 3px;
 
   .uppy-size--md & {
-    box-shadow: 0 1px 3px rgba($color-black,.2);
+    box-shadow: 0 1px 3px rgba($color-black, 0.2);
   }
 }
 
@@ -811,7 +811,7 @@ a.uppy-Dashboard-poweredBy {
 
 .uppy-DashboardItem-name a {
   text-decoration: underline;
-  color: $color-black;
+  color: $gray-800;
 }
 
 .uppy-DashboardItem-status {

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

@@ -93,7 +93,7 @@
 .uppy-ProviderBrowser-user {
   margin: 0 8px 0 0;
   font-weight: 500;
-  color: $color-black;
+  color: $gray-800;
 }
 
   .uppy-ProviderBrowser-user:after {

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

@@ -92,7 +92,7 @@
   padding-left: 10px;
   white-space: nowrap;
   text-overflow: ellipsis;
-  color: $color-black;
+  color: $gray-800;
   height: 100%;
 
   .uppy-size--md & {

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

@@ -15,7 +15,7 @@
   flex: 1;
   flex-grow: 1;
   overflow: hidden;
-  background-color: $color-black;
+  background-color: $gray-800;
   text-align: center;
   position: relative;
 }
@@ -114,19 +114,19 @@
   padding: 0 15px;
   max-width: 500px;
   text-align: center;
-  color: $color-black;
+  color: $gray-800;
 }
 
 .uppy-Webcam-permissons p {
   text-align: center;
   line-height: 1.45;
-  color: $color-gray;
+  color: $gray-500;
   margin: 0;
 }
 
 .uppy-Webcam-permissonsIcon svg {
   width: 100px;
   height: 75px;
-  color: lighten($color-gray, 15%);
+  color: $gray-400;
   margin-bottom: 30px;
 }