From 050dc6a9d259445079549ee962f5a4ad802c70f9 Mon Sep 17 00:00:00 2001
From: Ramon <Rahmon@users.noreply.github.com>
Date: Fri, 22 Sep 2017 10:16:55 -0300
Subject: [PATCH 1/2] Update: Improve image drop zone contrast ratio

---
 components/drop-zone/style.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/drop-zone/style.scss b/components/drop-zone/style.scss
index 5664a3d8607a67..1b14bff78726d4 100644
--- a/components/drop-zone/style.scss
+++ b/components/drop-zone/style.scss
@@ -35,7 +35,7 @@
 	transform: translateY( -50% );
 	width: 100%;
 	text-align: center;
-	color: $white;
+	color: $dark-gray-700;
 	transition: transform 0.2s ease-in-out;
 	display: none;
 }

From 7974361a26ff7e1b9a9c188b9d590f9e4db03cae Mon Sep 17 00:00:00 2001
From: Ramon <Rahmon@users.noreply.github.com>
Date: Mon, 25 Sep 2017 10:37:08 -0300
Subject: [PATCH 2/2] Change background to dark blue and keep the text color
 white.

---
 components/drop-zone/style.scss           | 6 +++---
 editor/assets/stylesheets/_variables.scss | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/drop-zone/style.scss b/components/drop-zone/style.scss
index 1b14bff78726d4..8c08999116971f 100644
--- a/components/drop-zone/style.scss
+++ b/components/drop-zone/style.scss
@@ -8,7 +8,7 @@
 	visibility: hidden;
 	opacity: 0;
 	transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s;
-	border: 2px solid $blue-medium-500;
+	border: 2px solid $blue-dark-900;
 	border-radius: 2px;
 
 	&.is-active {
@@ -18,7 +18,7 @@
 	}
 
 	&.is-dragging-over-element {
-		background-color: rgba( $blue-medium-300, 0.8 );
+		background-color: rgba( $blue-dark-900, 0.8 );
 
 		.components-drop-zone__content {
 			display: block;
@@ -35,7 +35,7 @@
 	transform: translateY( -50% );
 	width: 100%;
 	text-align: center;
-	color: $dark-gray-700;
+	color: $white;
 	transition: transform 0.2s ease-in-out;
 	display: none;
 }
diff --git a/editor/assets/stylesheets/_variables.scss b/editor/assets/stylesheets/_variables.scss
index edc0cb6437c356..e2e4c3b81a0638 100644
--- a/editor/assets/stylesheets/_variables.scss
+++ b/editor/assets/stylesheets/_variables.scss
@@ -24,6 +24,7 @@ $white: #fff;
 $blue-wordpress-700: #00669b;
 $blue-wordpress: #0073aa;
 
+$blue-dark-900: #0071a1;
 $blue-medium-500: #00a0d2;
 $blue-medium-400: #33B3DB;
 $blue-medium-300: #66C6E4;