Simplify color name: cornflower-blue -> blue

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

@@ -22,11 +22,11 @@
 // }
 
 .uppy-Root *:focus {
-  outline: $size-focus-outline solid $color-cornflower-blue; /* no !important */
+  outline: $size-focus-outline solid $color-blue; /* no !important */
   outline-offset: $size-focus-offset; /* no !important */
 
   // outline: none;
-  // box-shadow: inset 0 0 0 2px rgba($color-cornflower-blue, 0.5);
+  // box-shadow: inset 0 0 0 2px rgba($color-blue, 0.5);
 }
 
 .uppy-Root [hidden] {
@@ -123,7 +123,7 @@
   }
 
   .uppy-c-textInput:focus {
-    border-color: $color-cornflower-blue;
+    border-color: $color-blue;
     outline: none;
   }
 
@@ -150,7 +150,7 @@
   font-size: 14px;
   padding: 10px 18px;
   border-radius: 4px;
-  background-color: $color-cornflower-blue;
+  background-color: $color-blue;
   color: $color-white;
 }
 
@@ -159,12 +159,12 @@
   }
 
   .uppy-c-btn-primary:hover {
-    background-color: darken($color-cornflower-blue, 10%);
+    background-color: darken($color-blue, 10%);
   }
 
   .uppy-c-btn-primary:focus {
     outline: none;
-    box-shadow: 0 0 0 3px rgba($color-cornflower-blue, 0.5);
+    box-shadow: 0 0 0 3px rgba($color-blue, 0.5);
   }
 
 .uppy-c-btn-link {
@@ -187,7 +187,7 @@
 
   .uppy-c-btn-link:focus {
     outline: none;
-    box-shadow: 0 0 0 0.2rem rgba($color-cornflower-blue, 0.5);
+    box-shadow: 0 0 0 0.2rem rgba($color-blue, 0.5);
   }
 
 .uppy-c-btn--small {

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

@@ -13,7 +13,7 @@ $color-yellow: #ffd600 !default;
 $color-white: #fff !default;
 $color-lightgray: #eaeaea !default;
 $color-almost-white: #fafafa !default;
-$color-cornflower-blue: #2275d7 !default;
+$color-blue: #2275d7 !default;
 $color-asphalt-gray: #525252 !default;
 
 $color-uppy-pink: #eb2177;

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

@@ -237,12 +237,12 @@
 .uppy-Dashboard-browse {
   @include reset-button;
   cursor: pointer;
-  color: rgba($color-cornflower-blue, 0.9);
+  color: rgba($color-blue, 0.9);
 }
 
   .uppy-Dashboard-browse:focus {
     outline: none;
-    border-bottom: 2px solid $color-cornflower-blue;
+    border-bottom: 2px solid $color-blue;
   }
 
 .uppy-DashboardTabs-list {
@@ -304,7 +304,7 @@
 }
 
   .uppy-DashboardTab-btn:hover {
-    color: $color-cornflower-blue;
+    color: $color-blue;
   }
 
   .uppy-DashboardTab-btn:focus {
@@ -408,7 +408,7 @@
   font-size: 12px;
   font-weight: 400;
   cursor: pointer;
-  color: $color-cornflower-blue;
+  color: $color-blue;
 
   .uppy-size--md & {
     font-size: 14px;
@@ -419,7 +419,7 @@
   @include reset-button;
   font-weight: 500;
   cursor: pointer;
-  color: $color-cornflower-blue;
+  color: $color-blue;
   width: 24px;
   height: 24px;
   padding: 5px;
@@ -508,10 +508,10 @@
 
 .uppy-Dashboard-next.is-active {
   cursor: pointer;
-  background-color: $color-cornflower-blue;
+  background-color: $color-blue;
 
   &:hover {
-    background-color: darken($color-cornflower-blue, 20%);
+    background-color: darken($color-blue, 20%);
   }
 }
 
@@ -1063,7 +1063,7 @@ a.uppy-Dashboard-poweredBy {
 
 .uppy-DashboardItem-progressInner {
   height: 15px;
-  background-color: $color-cornflower-blue;
+  background-color: $color-blue;
   position: absolute;
   top: 0;
   left: 0;

packages/@uppy/drag-drop/src/style.scss

@@ -55,5 +55,5 @@
 }
 
 .uppy-DragDrop-dragText {
-  color: $color-cornflower-blue;
+  color: $color-blue;
 }

packages/@uppy/file-input/src/style.scss

@@ -12,13 +12,13 @@
   font-size: 0.85em;
   // text-transform: uppercase;
   padding: 10px 15px;
-  color: darken($color-cornflower-blue, 20%);
-  border: 1px solid darken($color-cornflower-blue, 20%);
+  color: darken($color-blue, 20%);
+  border: 1px solid darken($color-blue, 20%);
   border-radius: 8px;
   cursor: pointer;
 
   &:hover {
-    background-color: darken($color-cornflower-blue, 20%);
+    background-color: darken($color-blue, 20%);
     color: $color-white;
   }
 }

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

@@ -19,8 +19,8 @@
 
 .uppy-ProgressBar-inner {
   /* no important */
-  background-color: $color-cornflower-blue;
-  box-shadow: 0 0 10px rgba($color-cornflower-blue, 0.7);
+  background-color: $color-blue;
+  box-shadow: 0 0 10px rgba($color-blue, 0.7);
   height: 100%;
   width: 0;
   transition: width 0.4s ease;

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

@@ -209,7 +209,7 @@
 .uppy-ProviderBrowser-userLogout {
   cursor: pointer;
   line-height: inherit;
-  color: $color-cornflower-blue;
+  color: $color-blue;
 
   &:hover {
     text-decoration: underline;
@@ -270,7 +270,7 @@
     }
 
     .uppy-ProviderBrowserItem-checkbox input:checked + label:before {
-      border-color: $color-cornflower-blue;
+      border-color: $color-blue;
     }
 
   .uppy-ProviderBrowserItem-inner {
@@ -324,12 +324,12 @@
     }
 
     // .uppy-ProviderBrowserItem--selected {
-    //   border-color: $color-cornflower-blue;
+    //   border-color: $color-blue;
     //   outline: none;
     // }
 
     // .uppy-ProviderBrowserItem--selected .uppy-ProviderBrowserItem-inner {
-    //   box-shadow: 0 0 0 3px rgba(darken($color-cornflower-blue, 10%), 0.9);
+    //   box-shadow: 0 0 0 3px rgba(darken($color-blue, 10%), 0.9);
     // }
 
   .uppy-ProviderBrowserItem-inner {
@@ -345,7 +345,7 @@
 
   .uppy-ProviderBrowserItem-inner:focus {
     outline: none;
-    box-shadow: 0 0 0 3px rgba($color-cornflower-blue, 0.9);
+    box-shadow: 0 0 0 3px rgba($color-blue, 0.9);
   }
 
   .uppy-ProviderBrowserItem img,
@@ -376,7 +376,7 @@
   }
 
   .uppy-ProviderBrowserItem-checkbox label:before {
-    background-color: $color-cornflower-blue;
+    background-color: $color-blue;
     border-radius: 50%;
     width: 26px;
     height: 26px;
@@ -437,7 +437,7 @@
   height: 17px;
   width: 17px;
   top: 2px;
-  border: 1px solid $color-cornflower-blue;
+  border: 1px solid $color-blue;
   background-color: $color-white;
   border-radius: 3px;
 }
@@ -466,7 +466,7 @@
 }
 
 .uppy-ProviderBrowserItem-checkbox input:checked + label::before {
-  background-color: $color-cornflower-blue;
+  background-color: $color-blue;
 }
 
 // Adding focus styles on the outer-box of the fake checkbox*/

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

@@ -56,7 +56,7 @@
 }
 
 .uppy-StatusBar-progress {
-  background-color: $color-cornflower-blue;
+  background-color: $color-blue;
   height: 2px;
   position: absolute;
   z-index: $zIndex-2;
@@ -205,7 +205,7 @@
 }
 
   .uppy-StatusBar-actionCircleBtn:focus {
-    outline: 2px solid $color-cornflower-blue;
+    outline: 2px solid $color-blue;
     outline-offset: 0;
   }
 
@@ -230,7 +230,7 @@
   font-size: 10px;
   // margin-left: 6px;
   // margin-right: 6px;
-  color: $color-cornflower-blue;
+  color: $color-blue;
 
   .uppy-size--md & {
     font-size: 11px;
@@ -265,7 +265,7 @@
   .uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
     background-color: transparent;
     // border: 1px solid $color-white;
-    color: $color-cornflower-blue;
+    color: $color-blue;
   }
 
 .uppy-StatusBar-details {
@@ -296,7 +296,7 @@
   animation-iteration-count: infinite;
   animation-timing-function: linear;
   margin-right: 10px;
-  fill: $color-cornflower-blue;
+  fill: $color-blue;
 }
 
   .uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner,

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

@@ -83,7 +83,7 @@
 
   .uppy-Webcam-button:focus {
     outline: none;
-    box-shadow: 0 0 0 0.2rem rgba($color-cornflower-blue, 0.5);
+    box-shadow: 0 0 0 0.2rem rgba($color-blue, 0.5);
   }
 
 .uppy-Webcam-button--picture {