Accessibility: Administration: Use a darker gray color for various admin UI items.

This ensures that the color meets the WCAG 2.0 AA recommended contrast ratio.

Follow-up to [50025], [50525].

Props sabernhardt, ryelle.
Merges [50571] to the 5.7 branch.
Fixes #52760.

git-svn-id: https://develop.svn.wordpress.org/branches/5.7@50578 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2021-03-25 14:42:44 +00:00
parent eabca4f181
commit 3bdec19895
14 changed files with 37 additions and 37 deletions

View File

@ -102,16 +102,16 @@
}
.wp-color-picker::-webkit-input-placeholder {
color: #787c82;
color: #646970;
}
.wp-color-picker::-moz-placeholder {
color: #787c82;
color: #646970;
opacity: 1;
}
.wp-color-picker:-ms-input-placeholder {
color: #787c82;
color: #646970;
}
.wp-picker-container input[type="text"].iris-error {

View File

@ -1020,7 +1020,7 @@ th.action-links {
top: -1px;
padding: 4px 10px;
border-radius: 30px;
background: #787c82;
background: #646970;
color: #fff;
font-size: 14px;
font-weight: 600;
@ -1118,7 +1118,7 @@ th.action-links {
.wp-filter .drawer-toggle:before {
content: "\f111";
margin: 0 5px 0 0;
color: #787c82;
color: #646970;
font: normal 16px/1 dashicons;
vertical-align: text-bottom;
-webkit-font-smoothing: antialiased;
@ -1173,7 +1173,7 @@ th.action-links {
.show-filters .wp-filter .button.drawer-toggle {
border-radius: 2px;
background: #787c82;
background: #646970;
color: #fff;
}

View File

@ -2603,7 +2603,7 @@ body.adding-widget .add-new-widget:before,
height: 30px;
line-height: 2.1;
text-align: center;
color: #787c82;
color: #646970;
}
#available-widgets-filter .clear-results,
@ -2671,7 +2671,7 @@ body.adding-widget .add-new-widget:before,
top: 7px;
left: 26px;
z-index: 1;
color: #787c82;
color: #646970;
height: 30px;
width: 30px;
line-height: 2;

View File

@ -261,7 +261,7 @@
#available-widgets .widget .widget-description {
padding: 0;
color: #787c82;
color: #646970;
}
#customize-preview {

View File

@ -140,7 +140,7 @@
}
.welcome-panel p {
color: #787c82;
color: #646970;
}
.welcome-panel li a {
@ -512,7 +512,7 @@ body #dashboard-widgets .postbox form .submit {
}
.rssSummary {
color: #787c82;
color: #646970;
margin-top: 4px;
}
@ -532,7 +532,7 @@ body #dashboard-widgets .postbox form .submit {
#dashboard_primary .rss-widget span,
#dashboard_primary .rss-widget span.rss-date {
color: #787c82;
color: #646970;
}
#dashboard_primary .rss-widget span.rss-date {
@ -756,7 +756,7 @@ body #dashboard-widgets .postbox form .submit {
}
#dashboard_activity .no-activity p {
color: #787c82;
color: #646970;
font-size: 16px;
}
@ -769,7 +769,7 @@ body #dashboard-widgets .postbox form .submit {
#dashboard_activity .subsubsub a .count,
#dashboard_activity .subsubsub a.current .count {
color: #787c82; /* white background on the dashboard but #f1f1f1 on list tables */
color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
}
#future-posts ul,
@ -995,7 +995,7 @@ a.rsswidget {
}
.rss-widget span.rss-date {
color: #787c82;
color: #646970;
font-size: 13px;
margin-left: 3px;
}

View File

@ -70,7 +70,7 @@ div#media-upload-header {
.media-upload-form label.form-help,
td.help {
color: #787c82;
color: #646970;
}
form {

View File

@ -68,7 +68,7 @@
}
#titlediv #title-prompt-text {
color: #787c82;
color: #646970;
position: absolute;
font-size: 1.7em;
padding: 10px;
@ -1441,7 +1441,7 @@ p.popular-tags a {
content: "(" attr( href ) ")";
display: inline-block;
padding: 0 4px;
color: #787c82;
color: #646970;
font-size: 13px;
word-break: break-all;
}

View File

@ -226,16 +226,16 @@ textarea[readonly] {
}
::-webkit-input-placeholder {
color: #787c82;
color: #646970;
}
::-moz-placeholder {
color: #787c82;
color: #646970;
opacity: 1;
}
:-ms-input-placeholder {
color: #787c82;
color: #646970;
}
.form-invalid .form-required,
@ -1317,7 +1317,7 @@ table.form-table td .updated p {
.status-label.status-request-pending {
font-weight: 400;
font-style: italic;
color: #787c82;
color: #646970;
}
.status-label.status-request-failed {

View File

@ -55,7 +55,7 @@
min-width: 24px;
height: 2em;
border-radius: 5px;
background-color: #787c82;
background-color: #646970;
color: #fff;
font-size: 11px;
line-height: 1.90909090;
@ -71,7 +71,7 @@
margin-left: 8px;
width: 0;
height: 0;
border-top: 5px solid #787c82;
border-top: 5px solid #646970;
border-right: 5px solid transparent;
}

View File

@ -135,7 +135,7 @@ ul.add-menu-item-tabs li {
}
.theme-location-set {
color: #787c82;
color: #646970;
font-size: 11px;
}
@ -482,7 +482,7 @@ ul.add-menu-item-tabs li {
}
.menu-item-handle .menu-item-title.no-title {
color: #787c82;
color: #646970;
}
/* Sortables */
@ -689,7 +689,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
margin: 0 0 15px;
padding: 3px 5px 5px;
border: 1px solid #dcdcde;
color: #787c82;
color: #646970;
font-size: 12px;
}

View File

@ -131,7 +131,7 @@ body.folded .revisions .loading-indicator {
}
.revisions-controls .author-card .date {
color: #787c82;
color: #646970;
}
.revisions-controls .author-card.autosave {

View File

@ -661,7 +661,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
}
.theme-overlay .theme-version {
color: #787c82;
color: #646970;
font-size: 13px;
font-weight: 400;
float: none;
@ -671,7 +671,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
.theme-overlay .theme-author {
margin: 15px 0 25px;
color: #787c82;
color: #646970;
font-size: 16px;
font-weight: 400;
line-height: inherit;
@ -704,7 +704,7 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
.theme-overlay .theme-tags {
border-top: 3px solid #f0f0f1;
color: #8c8f94;
color: #646970;
font-size: 13px;
font-weight: 400;
margin: 30px 0 0 0;
@ -1123,7 +1123,7 @@ p.no-themes-local {
.theme-details .num-ratings,
.theme-details .no-rating {
font-size: 11px;
color: #787c82;
color: #646970;
}
.theme-details .no-rating {
@ -1855,7 +1855,7 @@ body.full-overlay-active {
.theme-details .theme-description {
float: left;
color: #787c82;
color: #646970;
line-height: 1.6;
max-width: 100%;
}

View File

@ -354,7 +354,7 @@
padding: 0 0 15px;
margin: 0;
font-style: normal;
color: #787c82;
color: #646970;
}
.widget-holder .description,

View File

@ -151,16 +151,16 @@
}
.media-frame ::-webkit-input-placeholder {
color: #787c82;
color: #646970;
}
.media-frame ::-moz-placeholder {
color: #787c82;
color: #646970;
opacity: 1;
}
.media-frame :-ms-input-placeholder {
color: #787c82;
color: #646970;
}
/*