Accessibility: Reduce the WordPress shades of grey, first part.

See #35783.
Built from https://develop.svn.wordpress.org/trunk@36537


git-svn-id: http://core.svn.wordpress.org/trunk@36504 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/common-rtl.css

@@ -661,11 +661,6 @@ ul.striped > :nth-child(odd),
 	border-left-color: #99d;
 }
 
-.media-upload-form label.form-help,
-td.help {
-	color: #9a9a9a;
-}
-
 /* Helper classes for plugins to leverage the active WordPress color scheme */
 
 .highlight {
@@ -2189,7 +2184,7 @@ body.iframe {
 }
 
 .media-icon img {
-	border: 1px solid #e7e7e7;
+	border: 1px solid #e5e5e5;
 	border: 1px solid rgba(0, 0, 0, 0.07);
 }
 
@@ -2563,7 +2558,7 @@ div.action-links {
 #plugin-information .counter-back {
 	height: 17px;
 	width: 92px;
-	background-color: #ececec;
+	background-color: #e5e5e5;
 	float: right;
 }
 

wp-admin/css/common.css

@@ -661,11 +661,6 @@ ul.striped > :nth-child(odd),
 	border-right-color: #99d;
 }
 
-.media-upload-form label.form-help,
-td.help {
-	color: #9a9a9a;
-}
-
 /* Helper classes for plugins to leverage the active WordPress color scheme */
 
 .highlight {
@@ -2189,7 +2184,7 @@ body.iframe {
 }
 
 .media-icon img {
-	border: 1px solid #e7e7e7;
+	border: 1px solid #e5e5e5;
 	border: 1px solid rgba(0, 0, 0, 0.07);
 }
 
@@ -2563,7 +2558,7 @@ div.action-links {
 #plugin-information .counter-back {
 	height: 17px;
 	width: 92px;
-	background-color: #ececec;
+	background-color: #e5e5e5;
 	float: left;
 }
 

wp-admin/css/deprecated-media-rtl.css

@@ -69,6 +69,11 @@ div#media-upload-header {
 	padding: 0;
 }
 
+.media-upload-form label.form-help,
+td.help {
+	color: #72777c;
+}
+
 form {
 	margin: 1em;
 }

wp-admin/css/deprecated-media.css

@@ -69,6 +69,11 @@ div#media-upload-header {
 	padding: 0;
 }
 
+.media-upload-form label.form-help,
+td.help {
+	color: #72777c;
+}
+
 form {
 	margin: 1em;
 }

wp-admin/css/edit-rtl.css

@@ -1105,13 +1105,13 @@ p.popular-tags a {
 }
 
 .ac_results {
+	display: none;
+	margin: -1px 0 0;
 	padding: 0;
-	margin: 0;
 	list-style: none;
 	position: absolute;
 	z-index: 10000;
-	display: none;
-	border: 1px solid #808080;
+	border: 1px solid #5b9dd9;
 	background-color: #fff;
 }
 
@@ -1120,14 +1120,16 @@ p.popular-tags a {
 }
 
 .ac_results li {
-	padding: 2px 5px;
+	margin: 0;
+	padding: 5px 10px;
 	white-space: nowrap;
-	color: #101010;
 	text-align: right;
 }
 
-.ac_over {
-	background-color: #f0f0b8;
+.ac_results .ac_over,
+.ac_over .ac_match {
+	background-color: #0073aa;
+	color: #fff;
 	cursor: pointer;
 }
 

wp-admin/css/edit.css

@@ -1105,13 +1105,13 @@ p.popular-tags a {
 }
 
 .ac_results {
+	display: none;
+	margin: -1px 0 0;
 	padding: 0;
-	margin: 0;
 	list-style: none;
 	position: absolute;
 	z-index: 10000;
-	display: none;
-	border: 1px solid #808080;
+	border: 1px solid #5b9dd9;
 	background-color: #fff;
 }
 
@@ -1120,14 +1120,16 @@ p.popular-tags a {
 }
 
 .ac_results li {
-	padding: 2px 5px;
+	margin: 0;
+	padding: 5px 10px;
 	white-space: nowrap;
-	color: #101010;
 	text-align: left;
 }
 
-.ac_over {
-	background-color: #f0f0b8;
+.ac_results .ac_over,
+.ac_over .ac_match {
+	background-color: #0073aa;
+	color: #fff;
 	cursor: pointer;
 }
 

wp-admin/css/list-tables-rtl.css

@@ -224,7 +224,7 @@
 
 #the-comment-list tr.undo,
 #the-comment-list div.undo {
-	background-color: #f4f4f4;
+	background-color: #f5f5f5;
 }
 
 #the-comment-list .unapproved th,
@@ -695,7 +695,7 @@ th.asc a:focus span.sorting-indicator {
 .tablenav-pages-navspan {
 	display: inline-block;
 	min-width: 17px;
-	border: 1px solid #d2d2d2;
+	border: 1px solid #ccc; /* same color as buttons border */
 	padding: 3px 5px 7px;
 	background: #e4e4e4;
 	font-size: 16px;

wp-admin/css/list-tables.css

@@ -224,7 +224,7 @@
 
 #the-comment-list tr.undo,
 #the-comment-list div.undo {
-	background-color: #f4f4f4;
+	background-color: #f5f5f5;
 }
 
 #the-comment-list .unapproved th,
@@ -695,7 +695,7 @@ th.asc a:focus span.sorting-indicator {
 .tablenav-pages-navspan {
 	display: inline-block;
 	min-width: 17px;
-	border: 1px solid #d2d2d2;
+	border: 1px solid #ccc; /* same color as buttons border */
 	padding: 3px 5px 7px;
 	background: #e4e4e4;
 	font-size: 16px;

wp-admin/css/media-rtl.css

@@ -492,7 +492,7 @@ border color while dragging a file over the uploader drop area */
 	content: "\f153";
 	display: block;
 	font: normal 16px/1 dashicons;
-	color: #bbb;
+	color: #b4b9be;
 }
 
 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
@@ -909,7 +909,9 @@ border color while dragging a file over the uploader drop area */
 
 .media-disabled,
 .imgedit-settings .disabled {
-	color: grey;
+	/* WCAG 1.4.3 Text or images of text that are part of an inactive user
+	   interface component ... have no contrast requirement. */
+	color: #a0a5aa;
 }
 
 .A1B1 {

wp-admin/css/media.css

@@ -492,7 +492,7 @@ border color while dragging a file over the uploader drop area */
 	content: "\f153";
 	display: block;
 	font: normal 16px/1 dashicons;
-	color: #bbb;
+	color: #b4b9be;
 }
 
 .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
@@ -909,7 +909,9 @@ border color while dragging a file over the uploader drop area */
 
 .media-disabled,
 .imgedit-settings .disabled {
-	color: grey;
+	/* WCAG 1.4.3 Text or images of text that are part of an inactive user
+	   interface component ... have no contrast requirement. */
+	color: #a0a5aa;
 }
 
 .A1B1 {

wp-admin/css/press-this-rtl.css

@@ -775,7 +775,6 @@ dd {
 .ac_results li {
 	padding: 6px 16px;
 	white-space: nowrap;
-	color: #101010;
 	text-align: right;
 }
 

wp-admin/css/press-this.css

@@ -775,7 +775,6 @@ dd {
 .ac_results li {
 	padding: 6px 16px;
 	white-space: nowrap;
-	color: #101010;
 	text-align: left;
 }
 

wp-admin/css/themes-rtl.css

@@ -246,7 +246,7 @@
  * The currently active theme
  */
 .theme-browser .theme.active .theme-name {
-	background: #2f2f2f;
+	background: #23282d;
 	color: #fff;
 	padding-left: 110px;
 	font-weight: 300;
@@ -734,7 +734,7 @@ body.folded .theme-overlay .theme-wrap {
 
 .theme-overlay .theme-author {
 	margin: 15px 0 25px;
-	color: #686868;
+	color: #72777c;
 	font-size: 16px;
 	font-weight: 400;
 	line-height: inherit;

wp-admin/css/themes.css

@@ -246,7 +246,7 @@
  * The currently active theme
  */
 .theme-browser .theme.active .theme-name {
-	background: #2f2f2f;
+	background: #23282d;
 	color: #fff;
 	padding-right: 110px;
 	font-weight: 300;
@@ -734,7 +734,7 @@ body.folded .theme-overlay .theme-wrap {
 
 .theme-overlay .theme-author {
 	margin: 15px 0 25px;
-	color: #686868;
+	color: #72777c;
 	font-size: 16px;
 	font-weight: 400;
 	line-height: inherit;

wp-includes/version.php

@@ -4,7 +4,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '4.5-alpha-36536';
+$wp_version = '4.5-alpha-36537';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.