From 2a259a9031435a03e5382b0d637b8235998dbbca Mon Sep 17 00:00:00 2001
From: Mitchell Soares <mitchell.soares@shopify.com>
Date: Wed, 11 Sep 2019 16:31:45 -0400
Subject: [PATCH] Updated drop zone border to have better contrast and to be
 lighter when disabled

---
 UNRELEASED.md                         | 2 ++
 src/components/DropZone/DropZone.scss | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/UNRELEASED.md b/UNRELEASED.md
index 650bc540297..d73e0d09805 100644
--- a/UNRELEASED.md
+++ b/UNRELEASED.md
@@ -10,6 +10,8 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f
 
 ### Enhancements
 
+- Changed border color of `Drop zone` to have better contrast from the background and to be lighter when disabled ([#2119](https://github.com/Shopify/polaris-react/pull/2119))
+
 ### Bug fixes
 
 ### Documentation
diff --git a/src/components/DropZone/DropZone.scss b/src/components/DropZone/DropZone.scss
index 697f38361e6..d475aae0712 100755
--- a/src/components/DropZone/DropZone.scss
+++ b/src/components/DropZone/DropZone.scss
@@ -2,7 +2,8 @@
 
 $dropzone-padding: rem(15px);
 $dropzone-border-style: dashed;
-$dropzone-border-color: color('sky');
+$dropzone-border-color: color('ink', 'lightest');
+$dropzone-border-color-disabled: color('sky');
 $dropzone-border-radius: border-radius();
 $dropzone-background: color('white');
 $dropzone-min-height-extra-large: rem(205px);
@@ -90,6 +91,10 @@ $dropzone-stacking-order: (
 
 .isDisabled {
   cursor: not-allowed;
+
+  &::after {
+    border-color: $dropzone-border-color-disabled;
+  }
 }
 
 .sizeExtraLarge {