Accessibility: Improve color contrast updating any #999 gray used for text or icons to a darker gray.

Fixes #35660.
Built from https://develop.svn.wordpress.org/trunk@36587


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

wp-admin/css/admin-menu-rtl.css

@@ -38,7 +38,7 @@
 /* New Menu icons */
 
 .icon16:before {
-	color: #999;
+	color: #82878c; /* same as new icons */
 	font: normal 20px/1 dashicons;
 	speak: none;
 	padding: 6px 0;

wp-admin/css/admin-menu.css

@@ -38,7 +38,7 @@
 /* New Menu icons */
 
 .icon16:before {
-	color: #999;
+	color: #82878c; /* same as new icons */
 	font: normal 20px/1 dashicons;
 	speak: none;
 	padding: 6px 0;

wp-admin/css/common-rtl.css

@@ -443,7 +443,7 @@ code {
 
 .subsubsub a .count,
 .subsubsub a.current .count {
-	color: #999;
+	color: #555d66; /* #f1f1f1 background */
 	font-weight: normal;
 }
 
@@ -693,7 +693,7 @@ ul.striped > :nth-child(odd),
 }
 
 .wp-ui-text-icon {
-	color: #999;
+	color: #82878c; /* same as new icons */
 }
 
 /* For emoji replacement images */

wp-admin/css/common.css

@@ -443,7 +443,7 @@ code {
 
 .subsubsub a .count,
 .subsubsub a.current .count {
-	color: #999;
+	color: #555d66; /* #f1f1f1 background */
 	font-weight: normal;
 }
 
@@ -693,7 +693,7 @@ ul.striped > :nth-child(odd),
 }
 
 .wp-ui-text-icon {
-	color: #999;
+	color: #82878c; /* same as new icons */
 }
 
 /* For emoji replacement images */

wp-admin/css/dashboard-rtl.css

@@ -608,7 +608,7 @@ form.initial-form.quickpress-open input#title {
 }
 
 #dashboard_activity .no-activity p {
-	color: #999;
+	color: #72777c;
 	font-size: 16px;
 }
 
@@ -637,6 +637,11 @@ form.initial-form.quickpress-open input#title {
 	padding: 8px 12px 4px;
 }
 
+#dashboard_activity .subsubsub a .count,
+#dashboard_activity .subsubsub a.current .count {
+	color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
+}
+
 #future-posts ul,
 #published-posts ul {
 	clear: both;
@@ -873,7 +878,7 @@ a.rsswidget {
 }
 
 .rss-widget span.rss-date {
-	color: #999;
+	color: #72777c;
 	font-size: 13px;
 	margin-right: 3px;
 }

wp-admin/css/dashboard.css

@@ -608,7 +608,7 @@ form.initial-form.quickpress-open input#title {
 }
 
 #dashboard_activity .no-activity p {
-	color: #999;
+	color: #72777c;
 	font-size: 16px;
 }
 
@@ -637,6 +637,11 @@ form.initial-form.quickpress-open input#title {
 	padding: 8px 12px 4px;
 }
 
+#dashboard_activity .subsubsub a .count,
+#dashboard_activity .subsubsub a.current .count {
+	color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
+}
+
 #future-posts ul,
 #published-posts ul {
 	clear: both;
@@ -873,7 +878,7 @@ a.rsswidget {
 }
 
 .rss-widget span.rss-date {
-	color: #999;
+	color: #72777c;
 	font-size: 13px;
 	margin-left: 3px;
 }

wp-admin/css/install-rtl.css

@@ -97,7 +97,7 @@ label {
 	background-size: 84px;
 	background-position: center top;
 	background-repeat: no-repeat;
-	color: #999;
+	color: #444; /* same as login.css */
 	height: 84px;
 	font-size: 20px;
 	font-weight: normal;

wp-admin/css/install.css

@@ -97,7 +97,7 @@ label {
 	background-size: 84px;
 	background-position: center top;
 	background-repeat: no-repeat;
-	color: #999;
+	color: #444; /* same as login.css */
 	height: 84px;
 	font-size: 20px;
 	font-weight: normal;

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

@@ -1642,7 +1642,7 @@ div.action-links,
 }
 
 .no-plugin-results {
-	color: #999;
+	color: #666; /* same as no themes and no media */
 	font-size: 18px;
 	font-style: normal;
 	margin: 0;

wp-admin/css/list-tables.css

@@ -1642,7 +1642,7 @@ div.action-links,
 }
 
 .no-plugin-results {
-	color: #999;
+	color: #666; /* same as no themes and no media */
 	font-size: 18px;
 	font-style: normal;
 	margin: 0;

wp-admin/css/media-rtl.css

@@ -609,7 +609,7 @@ border color while dragging a file over the uploader drop area */
 }
 
 .media-frame.mode-grid .attachments-browser .no-media {
-	color: #999;
+	color: #666; /* same as no plugins and no themes */
 	font-size: 18px;
 	font-style: normal;
 	margin: 0;

wp-admin/css/media.css

@@ -609,7 +609,7 @@ border color while dragging a file over the uploader drop area */
 }
 
 .media-frame.mode-grid .attachments-browser .no-media {
-	color: #999;
+	color: #666; /* same as no plugins and no themes */
 	font-size: 18px;
 	font-style: normal;
 	margin: 0;

wp-admin/css/nav-menus-rtl.css

@@ -69,7 +69,7 @@ ul.add-menu-item-tabs li {
 }
 
 .is-submenu {
-	color: #999;
+	color: #555d66; /* #fafafa background */
 	font-style: italic;
 	font-weight: normal;
 	margin-right: 4px;
@@ -134,7 +134,7 @@ ul.add-menu-item-tabs li {
 }
 
 .theme-location-set {
-	color: #999;
+	color: #72777c;
 	font-size: 11px;
 }
 
@@ -484,7 +484,7 @@ ul.add-menu-item-tabs li {
 }
 
 .menu-item-handle .menu-item-title.no-title {
-	color: #999;
+	color: #72777c;
 }
 
 /* Sortables */

wp-admin/css/nav-menus.css

@@ -69,7 +69,7 @@ ul.add-menu-item-tabs li {
 }
 
 .is-submenu {
-	color: #999;
+	color: #555d66; /* #fafafa background */
 	font-style: italic;
 	font-weight: normal;
 	margin-left: 4px;
@@ -134,7 +134,7 @@ ul.add-menu-item-tabs li {
 }
 
 .theme-location-set {
-	color: #999;
+	color: #72777c;
 	font-size: 11px;
 }
 
@@ -484,7 +484,7 @@ ul.add-menu-item-tabs li {
 }
 
 .menu-item-handle .menu-item-title.no-title {
-	color: #999;
+	color: #72777c;
 }
 
 /* Sortables */

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

@@ -1197,7 +1197,7 @@ html {
 }
 
 .adminbar .dashicons {
-	color: #999;
+	color: #a0a5aa; /* same as WP admin bar icons */
 }
 
 .press-this .adminbar button {

wp-admin/css/press-this.css

@@ -1197,7 +1197,7 @@ html {
 }
 
 .adminbar .dashicons {
-	color: #999;
+	color: #a0a5aa; /* same as WP admin bar icons */
 }
 
 .press-this .adminbar button {

wp-admin/css/themes-rtl.css

@@ -303,7 +303,6 @@
 }
 
 .theme-browser .theme.add-new-theme a {
-	color: #999;
 	text-decoration: none;
 	display: block;
 	position: relative;
@@ -725,7 +724,7 @@ body.folded .theme-overlay .theme-wrap {
 }
 
 .theme-overlay .theme-version {
-	color: #999;
+	color: #72777c;
 	font-size: 13px;
 	font-weight: 400;
 	float: none;
@@ -1091,7 +1090,7 @@ body.show-upload-theme .upload-theme,
 }
 .upload-theme .install-help,
 .upload-plugin .install-help {
-	color: #999;
+	color: #555d66; /* #f1f1f1 background */
 	font-size: 18px;
 	font-style: normal;
 	margin: 0;
@@ -1149,7 +1148,7 @@ body.show-upload-theme p.no-themes {
 .theme-details .num-ratings,
 .theme-details .no-rating {
 	font-size: 11px;
-	color: #999;
+	color: #72777c;
 }
 
 .theme-details .no-rating {

wp-admin/css/themes.css

@@ -303,7 +303,6 @@
 }
 
 .theme-browser .theme.add-new-theme a {
-	color: #999;
 	text-decoration: none;
 	display: block;
 	position: relative;
@@ -725,7 +724,7 @@ body.folded .theme-overlay .theme-wrap {
 }
 
 .theme-overlay .theme-version {
-	color: #999;
+	color: #72777c;
 	font-size: 13px;
 	font-weight: 400;
 	float: none;
@@ -1091,7 +1090,7 @@ body.show-upload-theme .upload-theme,
 }
 .upload-theme .install-help,
 .upload-plugin .install-help {
-	color: #999;
+	color: #555d66; /* #f1f1f1 background */
 	font-size: 18px;
 	font-style: normal;
 	margin: 0;
@@ -1149,7 +1148,7 @@ body.show-upload-theme p.no-themes {
 .theme-details .num-ratings,
 .theme-details .no-rating {
 	font-size: 11px;
-	color: #999;
+	color: #72777c;
 }
 
 .theme-details .no-rating {

wp-admin/css/widgets-rtl.css

@@ -461,6 +461,7 @@ div#widgets-right .widget-top:hover,
 	transition: background 0.2s ease-in-out;
 }
 
+ /* @todo looks like these hover/focus states are overridden by .widgets-chooser-selected */
 .widgets-chooser li:hover,
 .widgets-chooser li:focus {
 	background: rgba(255,255,255,0.7);
@@ -471,7 +472,7 @@ div#widgets-right .widget-top:hover,
 	display: block;
 	-webkit-font-smoothing: antialiased;
 	font: normal 26px/1 dashicons;
-	color: #999;
+	color: #555d66;
 	position: absolute;
 	top: 7px;
 	right: 5px;

wp-admin/css/widgets.css

@@ -461,6 +461,7 @@ div#widgets-right .widget-top:hover,
 	transition: background 0.2s ease-in-out;
 }
 
+ /* @todo looks like these hover/focus states are overridden by .widgets-chooser-selected */
 .widgets-chooser li:hover,
 .widgets-chooser li:focus {
 	background: rgba(255,255,255,0.7);
@@ -471,7 +472,7 @@ div#widgets-right .widget-top:hover,
 	display: block;
 	-webkit-font-smoothing: antialiased;
 	font: normal 26px/1 dashicons;
-	color: #999;
+	color: #555d66;
 	position: absolute;
 	top: 7px;
 	left: 5px;