From 518b2496ce76c7256a3513c3b1caaf6558b1c77f Mon Sep 17 00:00:00 2001
From: Xuan-thi Nguyen <xthi.ngu@gmail.com>
Date: Fri, 2 Aug 2019 17:02:29 +0200
Subject: [PATCH] fix(Select): update color of text (#675)

---
 .../__snapshots__/DatePicker.test.js.snap     | 28 +++++++++----------
 .../__snapshots__/Select.test.js.snap         |  4 +--
 src/Select/elements.js                        |  2 +-
 3 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/DatePicker/__tests__/__snapshots__/DatePicker.test.js.snap b/src/DatePicker/__tests__/__snapshots__/DatePicker.test.js.snap
index 4da30c8c..bb487873 100644
--- a/src/DatePicker/__tests__/__snapshots__/DatePicker.test.js.snap
+++ b/src/DatePicker/__tests__/__snapshots__/DatePicker.test.js.snap
@@ -12,7 +12,7 @@ exports[`<DatePicker /> Range should render without a problem 1`] = `
   padding-right: 0.8rem;
 }
 
-.c13 {
+.c12 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -36,13 +36,10 @@ exports[`<DatePicker /> Range should render without a problem 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  color: hsl(206,23%,69%);
 }
 
-.c13:hover {
-  background: rgba(30,146,204,0.14);
-}
-
-.c12 {
+.c13 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -66,7 +63,10 @@ exports[`<DatePicker /> Range should render without a problem 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  color: hsl(206,23%,69%);
+}
+
+.c13:hover {
+  background: rgba(30,146,204,0.14);
 }
 
 .c14 {
@@ -741,7 +741,7 @@ exports[`<DatePicker /> Simple should render without a problem 1`] = `
   padding-right: 0.8rem;
 }
 
-.c13 {
+.c12 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -765,13 +765,10 @@ exports[`<DatePicker /> Simple should render without a problem 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  color: hsl(206,23%,69%);
 }
 
-.c13:hover {
-  background: rgba(30,146,204,0.14);
-}
-
-.c12 {
+.c13 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -795,7 +792,10 @@ exports[`<DatePicker /> Simple should render without a problem 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  color: hsl(206,23%,69%);
+}
+
+.c13:hover {
+  background: rgba(30,146,204,0.14);
 }
 
 .c14 {
diff --git a/src/Select/__tests__/__snapshots__/Select.test.js.snap b/src/Select/__tests__/__snapshots__/Select.test.js.snap
index a010f93b..193cdeb6 100644
--- a/src/Select/__tests__/__snapshots__/Select.test.js.snap
+++ b/src/Select/__tests__/__snapshots__/Select.test.js.snap
@@ -21,7 +21,7 @@ exports[`<Select /> should render without a problem 1`] = `
   border: 1px solid hsl(207,22%,90%);
   border-radius: 0.4rem;
   background: linear-gradient( 180deg,hsl(0,100%,100%) 0%,hsl(240,33%,99%) 100% );
-  color: hsl(213,17%,20%);
+  color: hsl(207,13%,45%);
 }
 
 .c2::after {
@@ -115,7 +115,7 @@ exports[`<Select /> should render without a problem when disabled 1`] = `
   border: 1px solid hsl(207,22%,90%);
   border-radius: 0.4rem;
   background: linear-gradient( 180deg,hsl(0,100%,100%) 0%,hsl(240,33%,99%) 100% );
-  color: hsl(213,17%,20%);
+  color: hsl(207,13%,45%);
 }
 
 .c3::after {
diff --git a/src/Select/elements.js b/src/Select/elements.js
index 5ac871e5..7d462b9b 100644
--- a/src/Select/elements.js
+++ b/src/Select/elements.js
@@ -22,7 +22,7 @@ export const Header = styled.button`
     ${({ theme: { palette } }) => palette.white} 0%,
     ${({ theme: { palette } }) => palette.paleGrey} 100%
   );
-  color: ${({ theme: { palette } }) => palette.darkBlue};
+  color: ${({ theme: { palette } }) => palette.spaceGrey};
 
   &::after {
     content: '';