mirror of
git://develop.git.wordpress.org/
synced 2025-03-19 11:29:48 +01:00
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:
parent
eabca4f181
commit
3bdec19895
@ -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 {
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
|
@ -261,7 +261,7 @@
|
||||
|
||||
#available-widgets .widget .widget-description {
|
||||
padding: 0;
|
||||
color: #787c82;
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
#customize-preview {
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -70,7 +70,7 @@ div#media-upload-header {
|
||||
|
||||
.media-upload-form label.form-help,
|
||||
td.help {
|
||||
color: #787c82;
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
form {
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -131,7 +131,7 @@ body.folded .revisions .loading-indicator {
|
||||
}
|
||||
|
||||
.revisions-controls .author-card .date {
|
||||
color: #787c82;
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.revisions-controls .author-card.autosave {
|
||||
|
@ -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%;
|
||||
}
|
||||
|
@ -354,7 +354,7 @@
|
||||
padding: 0 0 15px;
|
||||
margin: 0;
|
||||
font-style: normal;
|
||||
color: #787c82;
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.widget-holder .description,
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
/*
|
||||
|
Loading…
x
Reference in New Issue
Block a user