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
This commit is contained in:
Andrea Fercia 2016-02-19 18:44:27 +00:00
parent 6b775d4afe
commit 30866ceb5d
51 changed files with 77 additions and 67 deletions

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

@ -608,7 +608,7 @@ form.initial-form.quickpress-open input#title {
} }
#dashboard_activity .no-activity p { #dashboard_activity .no-activity p {
color: #999; color: #72777c;
font-size: 16px; font-size: 16px;
} }
@ -637,6 +637,11 @@ form.initial-form.quickpress-open input#title {
padding: 8px 12px 4px; 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, #future-posts ul,
#published-posts ul { #published-posts ul {
clear: both; clear: both;
@ -873,7 +878,7 @@ a.rsswidget {
} }
.rss-widget span.rss-date { .rss-widget span.rss-date {
color: #999; color: #72777c;
font-size: 13px; font-size: 13px;
margin-right: 3px; margin-right: 3px;
} }

File diff suppressed because one or more lines are too long

View File

@ -608,7 +608,7 @@ form.initial-form.quickpress-open input#title {
} }
#dashboard_activity .no-activity p { #dashboard_activity .no-activity p {
color: #999; color: #72777c;
font-size: 16px; font-size: 16px;
} }
@ -637,6 +637,11 @@ form.initial-form.quickpress-open input#title {
padding: 8px 12px 4px; 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, #future-posts ul,
#published-posts ul { #published-posts ul {
clear: both; clear: both;
@ -873,7 +878,7 @@ a.rsswidget {
} }
.rss-widget span.rss-date { .rss-widget span.rss-date {
color: #999; color: #72777c;
font-size: 13px; font-size: 13px;
margin-left: 3px; margin-left: 3px;
} }

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

@ -461,6 +461,7 @@ div#widgets-right .widget-top:hover,
transition: background 0.2s ease-in-out; 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:hover,
.widgets-chooser li:focus { .widgets-chooser li:focus {
background: rgba(255,255,255,0.7); background: rgba(255,255,255,0.7);
@ -471,7 +472,7 @@ div#widgets-right .widget-top:hover,
display: block; display: block;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
font: normal 26px/1 dashicons; font: normal 26px/1 dashicons;
color: #999; color: #555d66;
position: absolute; position: absolute;
top: 7px; top: 7px;
right: 5px; right: 5px;

File diff suppressed because one or more lines are too long

View File

@ -461,6 +461,7 @@ div#widgets-right .widget-top:hover,
transition: background 0.2s ease-in-out; 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:hover,
.widgets-chooser li:focus { .widgets-chooser li:focus {
background: rgba(255,255,255,0.7); background: rgba(255,255,255,0.7);
@ -471,7 +472,7 @@ div#widgets-right .widget-top:hover,
display: block; display: block;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
font: normal 26px/1 dashicons; font: normal 26px/1 dashicons;
color: #999; color: #555d66;
position: absolute; position: absolute;
top: 7px; top: 7px;
left: 5px; left: 5px;

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,7 @@ function wp_color_scheme_settings() {
$icon_colors = $_wp_admin_css_colors['fresh']->icon_colors; $icon_colors = $_wp_admin_css_colors['fresh']->icon_colors;
} else { } else {
// Fall back to the default set of icon colors if the default scheme is missing. // Fall back to the default set of icon colors if the default scheme is missing.
$icon_colors = array( 'base' => '#999', 'focus' => '#00a0d2', 'current' => '#fff' ); $icon_colors = array( 'base' => '#82878c', 'focus' => '#00a0d2', 'current' => '#fff' );
} }
echo '<script type="text/javascript">var _wpColorScheme = ' . wp_json_encode( array( 'icons' => $icon_colors ) ) . ";</script>\n"; echo '<script type="text/javascript">var _wpColorScheme = ' . wp_json_encode( array( 'icons' => $icon_colors ) ) . ";</script>\n";

View File

@ -453,7 +453,7 @@ html:lang(he-il) .rtl #wpadminbar * {
} }
#wpadminbar #wp-admin-bar-user-info .username { #wpadminbar #wp-admin-bar-user-info .username {
color: #999; color: #a0a5aa;
font-size: 11px; font-size: 11px;
} }
@ -906,7 +906,7 @@ html:lang(he-il) .rtl #wpadminbar * {
overflow: hidden; overflow: hidden;
width: 52px; width: 52px;
padding: 0; padding: 0;
color: #999; color: #a0a5aa; /* @todo not needed? this text is hidden */
position: relative; position: relative;
} }

File diff suppressed because one or more lines are too long

View File

@ -453,7 +453,7 @@ html:lang(he-il) .rtl #wpadminbar * {
} }
#wpadminbar #wp-admin-bar-user-info .username { #wpadminbar #wp-admin-bar-user-info .username {
color: #999; color: #a0a5aa;
font-size: 11px; font-size: 11px;
} }
@ -906,7 +906,7 @@ html:lang(he-il) .rtl #wpadminbar * {
overflow: hidden; overflow: hidden;
width: 52px; width: 52px;
padding: 0; padding: 0;
color: #999; color: #a0a5aa; /* @todo not needed? this text is hidden */
position: relative; position: relative;
} }

File diff suppressed because one or more lines are too long

View File

@ -2006,7 +2006,7 @@
} }
.image-details .custom-size span small { .image-details .custom-size span small {
color: #999; color: #555d66; /* #f3f3f3 background */
font-size: inherit; font-size: inherit;
} }

File diff suppressed because one or more lines are too long

View File

@ -2006,7 +2006,7 @@
} }
.image-details .custom-size span small { .image-details .custom-size span small {
color: #999; color: #555d66; /* #f3f3f3 background */
font-size: inherit; font-size: inherit;
} }

File diff suppressed because one or more lines are too long

View File

@ -3144,7 +3144,7 @@ function register_admin_color_schemes() {
wp_admin_css_color( 'fresh', _x( 'Default', 'admin color scheme' ), wp_admin_css_color( 'fresh', _x( 'Default', 'admin color scheme' ),
false, false,
array( '#222', '#333', '#0073aa', '#00a0d2' ), array( '#222', '#333', '#0073aa', '#00a0d2' ),
array( 'base' => '#999', 'focus' => '#00a0d2', 'current' => '#fff' ) array( 'base' => '#82878c', 'focus' => '#00a0d2', 'current' => '#fff' )
); );
// Other color schemes are not available when running out of src // Other color schemes are not available when running out of src

View File

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