From 0beb2ef213b945a5b813abe3aeb5ae599adb82ca Mon Sep 17 00:00:00 2001
From: Tammie Lister <karmatosed@git.wordpress.org>
Date: Wed, 26 Oct 2016 21:55:09 +0000
Subject: [PATCH] Twenty Seventeen: Placeholder styling

These were designed but never implemented.

Props melchoyce, davidakennedy
Fixes #38519



git-svn-id: https://develop.svn.wordpress.org/trunk@38969 602fd350-edb4-49c9-b593-d223f7449a82
---
 .../assets/css/colors-dark.css                | 17 ++++++++++++++
 .../themes/twentyseventeen/style.css          | 23 +++++++++++++++++++
 2 files changed, 40 insertions(+)

diff --git a/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css b/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css
index 25bd9c517b..b9db63e3dc 100644
--- a/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css
+++ b/src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css
@@ -151,6 +151,23 @@ body.colors-dark,
 	color: #eee;
 }
 
+/* Placeholder text color -- selectors need to be separate to work. */
+.colors-dark ::-webkit-input-placeholder {
+	color: #ddd;
+}
+
+.colors-dark :-moz-placeholder {
+	color: #ddd;
+}
+
+.colors-dark ::-moz-placeholder {
+	color: #ddd;
+}
+
+.colors-dark :-ms-input-placeholder {
+	color: #ddd;
+}
+
 .colors-dark input[type="text"]:focus,
 .colors-dark input[type="email"]:focus,
 .colors-dark input[type="url"]:focus,
diff --git a/src/wp-content/themes/twentyseventeen/style.css b/src/wp-content/themes/twentyseventeen/style.css
index 071c0be2d6..cd5ce02fe1 100644
--- a/src/wp-content/themes/twentyseventeen/style.css
+++ b/src/wp-content/themes/twentyseventeen/style.css
@@ -1042,6 +1042,29 @@ input[type="submit"].secondary:focus {
 	background: #bbb;
 }
 
+/* Placeholder text color -- selectors need to be separate to work. */
+::-webkit-input-placeholder {
+	color: #333;
+	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
+}
+
+:-moz-placeholder {
+	color: #333;
+	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
+}
+
+::-moz-placeholder {
+	color: #333;
+	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
+	opacity: 1;
+	/* Since FF19 lowers the opacity of the placeholder by default */
+}
+
+:-ms-input-placeholder {
+	color: #333;
+	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
+}
+
 /*--------------------------------------------------------------
 # Formatting
 --------------------------------------------------------------*/