From 2d7b4a8f33247ee57fdb7ff7281511ff4d4e2ecc Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Tue, 20 Oct 2020 22:28:59 -0400
Subject: [PATCH] Update default border color and placeholder color in
 preflight

---
 __tests__/fixtures/tailwind-output-flagged.css          | 4 ++--
 __tests__/fixtures/tailwind-output-important.css        | 4 ++--
 __tests__/fixtures/tailwind-output-no-color-opacity.css | 4 ++--
 __tests__/fixtures/tailwind-output.css                  | 4 ++--
 src/plugins/css/preflight.css                           | 2 +-
 stubs/defaultConfig.stub.js                             | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index 102b52da8cb0..a47a10615cb0 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -398,7 +398,7 @@ html {
   box-sizing: border-box; /* 1 */
   border-width: 0; /* 2 */
   border-style: solid; /* 2 */
-  border-color: #d4d4d8; /* 2 */
+  border-color: #e4e4e7; /* 2 */
 }
 
 /*
@@ -429,7 +429,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
-  color: #a0aec0;
+  color: #a1a1aa;
 }
 
 button,
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index ad4dcc6f6ca3..faa4270480b9 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -398,7 +398,7 @@ html {
   box-sizing: border-box; /* 1 */
   border-width: 0; /* 2 */
   border-style: solid; /* 2 */
-  border-color: #d4d4d8; /* 2 */
+  border-color: #e4e4e7; /* 2 */
 }
 
 /*
@@ -429,7 +429,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
-  color: #a0aec0;
+  color: #a1a1aa;
 }
 
 button,
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index 3dc1fcd638be..8944c03fc5b1 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -398,7 +398,7 @@ html {
   box-sizing: border-box; /* 1 */
   border-width: 0; /* 2 */
   border-style: solid; /* 2 */
-  border-color: #d4d4d8; /* 2 */
+  border-color: #e4e4e7; /* 2 */
 }
 
 /*
@@ -429,7 +429,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
-  color: #a0aec0;
+  color: #a1a1aa;
 }
 
 button,
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 102b52da8cb0..a47a10615cb0 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -398,7 +398,7 @@ html {
   box-sizing: border-box; /* 1 */
   border-width: 0; /* 2 */
   border-style: solid; /* 2 */
-  border-color: #d4d4d8; /* 2 */
+  border-color: #e4e4e7; /* 2 */
 }
 
 /*
@@ -429,7 +429,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
-  color: #a0aec0;
+  color: #a1a1aa;
 }
 
 button,
diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css
index 9bb5e5ee7fbf..bff5bb83a9d1 100644
--- a/src/plugins/css/preflight.css
+++ b/src/plugins/css/preflight.css
@@ -130,7 +130,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
-  color: #a0aec0;
+  color: theme('colors.gray.400', #a1a1aa);
 }
 
 button,
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index 856338412945..75bb13a8776d 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -95,7 +95,7 @@ module.exports = {
     },
     borderColor: (theme) => ({
       ...theme('colors'),
-      DEFAULT: theme('colors.gray.300', 'currentColor'),
+      DEFAULT: theme('colors.gray.200', 'currentColor'),
     }),
     borderOpacity: (theme) => theme('opacity'),
     borderRadius: {