WordPress.org
Get WordPress

Make WordPress Core

Changeset 50571


Ignore:
Timestamp:
03/24/2021 04:39:39 PM (4 years ago)
Author:
SergeyBiryukov
Message:

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.
Fixes #52760.

Location:
trunk/src
Files:
14 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/color-picker.css

    r50025 r50571  
    103103
    104104.wp-color-picker::-webkit-input-placeholder {
    105     color: #787c82;
     105    color: #646970;
    106106}
    107107
    108108.wp-color-picker::-moz-placeholder {
    109     color: #787c82;
     109    color: #646970;
    110110    opacity: 1;
    111111}
    112112
    113113.wp-color-picker:-ms-input-placeholder {
    114     color: #787c82;
     114    color: #646970;
    115115}
    116116

  • trunk/src/wp-admin/css/common.css

    r50357 r50571  
    10211021    padding: 4px 10px;
    10221022    border-radius: 30px;
    1023     background: #787c82;
     1023    background: #646970;
    10241024    color: #fff;
    10251025    font-size: 14px;
    … …  
    11191119    content: "\f111";
    11201120    margin: 0 5px 0 0;
    1121     color: #787c82;
     1121    color: #646970;
    11221122    font: normal 16px/1 dashicons;
    11231123    vertical-align: text-bottom;
    … …  
    11741174.show-filters .wp-filter .button.drawer-toggle {
    11751175    border-radius: 2px;
    1176     background: #787c82;
     1176    background: #646970;
    11771177    color: #fff;
    11781178}

  • trunk/src/wp-admin/css/customize-controls.css

    r50386 r50571  
    26042604    line-height: 2.1;
    26052605    text-align: center;
    2606     color: #787c82;
     2606    color: #646970;
    26072607}
    26082608
    … …  
    26722672    left: 26px;
    26732673    z-index: 1;
    2674     color: #787c82;
     2674    color: #646970;
    26752675    height: 30px;
    26762676    width: 30px;

  • trunk/src/wp-admin/css/customize-widgets.css

    r50025 r50571  
    262262#available-widgets .widget .widget-description {
    263263    padding: 0;
    264     color: #787c82;
     264    color: #646970;
    265265}
    266266

  • trunk/src/wp-admin/css/dashboard.css

    r50525 r50571  
    141141
    142142.welcome-panel p {
    143     color: #787c82;
     143    color: #646970;
    144144}
    145145
    … …  
    513513
    514514.rssSummary {
    515     color: #787c82;
     515    color: #646970;
    516516    margin-top: 4px;
    517517}
    … …  
    533533#dashboard_primary .rss-widget span,
    534534#dashboard_primary .rss-widget span.rss-date {
    535     color: #787c82;
     535    color: #646970;
    536536}
    537537
    … …  
    757757
    758758#dashboard_activity .no-activity p {
    759     color: #787c82;
     759    color: #646970;
    760760    font-size: 16px;
    761761}
    … …  
    770770#dashboard_activity .subsubsub a .count,
    771771#dashboard_activity .subsubsub a.current .count {
    772     color: #787c82; /* white background on the dashboard but #f1f1f1 on list tables */
     772    color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
    773773}
    774774
    … …  
    996996
    997997.rss-widget span.rss-date {
    998     color: #787c82;
     998    color: #646970;
    999999    font-size: 13px;
    10001000    margin-left: 3px;

  • trunk/src/wp-admin/css/deprecated-media.css

    r50025 r50571  
    7171.media-upload-form label.form-help,
    7272td.help {
    73     color: #787c82;
     73    color: #646970;
    7474}
    7575

  • trunk/src/wp-admin/css/edit.css

    r50568 r50571  
    6969
    7070#titlediv #title-prompt-text {
    71     color: #787c82;
     71    color: #646970;
    7272    position: absolute;
    7373    font-size: 1.7em;
    … …  
    14411441    display: inline-block;
    14421442    padding: 0 4px;
    1443     color: #787c82;
     1443    color: #646970;
    14441444    font-size: 13px;
    14451445    word-break: break-all;

  • trunk/src/wp-admin/css/forms.css

    r50363 r50571  
    227227
    228228::-webkit-input-placeholder {
    229     color: #787c82;
     229    color: #646970;
    230230}
    231231
    232232::-moz-placeholder {
    233     color: #787c82;
     233    color: #646970;
    234234    opacity: 1;
    235235}
    236236
    237237:-ms-input-placeholder {
    238     color: #787c82;
     238    color: #646970;
    239239}
    240240
    … …  
    13181318    font-weight: 400;
    13191319    font-style: italic;
    1320     color: #787c82;
     1320    color: #646970;
    13211321}
    13221322

  • trunk/src/wp-admin/css/list-tables.css

    r50385 r50571  
    5656    height: 2em;
    5757    border-radius: 5px;
    58     background-color: #787c82;
     58    background-color: #646970;
    5959    color: #fff;
    6060    font-size: 11px;
    … …  
    7272    width: 0;
    7373    height: 0;
    74     border-top: 5px solid #787c82;
     74    border-top: 5px solid #646970;
    7575    border-right: 5px solid transparent;
    7676}

  • trunk/src/wp-admin/css/nav-menus.css

    r50162 r50571  
    136136
    137137.theme-location-set {
    138     color: #787c82;
     138    color: #646970;
    139139    font-size: 11px;
    140140}
    … …  
    483483
    484484.menu-item-handle .menu-item-title.no-title {
    485     color: #787c82;
     485    color: #646970;
    486486}
    487487
    … …  
    690690    padding: 3px 5px 5px;
    691691    border: 1px solid #dcdcde;
    692     color: #787c82;
     692    color: #646970;
    693693    font-size: 12px;
    694694}

  • trunk/src/wp-admin/css/revisions.css

    r50025 r50571  
    132132
    133133.revisions-controls .author-card .date {
    134     color: #787c82;
     134    color: #646970;
    135135}
    136136

  • trunk/src/wp-admin/css/themes.css

    r50025 r50571  
    662662
    663663.theme-overlay .theme-version {
    664     color: #787c82;
     664    color: #646970;
    665665    font-size: 13px;
    666666    font-weight: 400;
    … …  
    672672.theme-overlay .theme-author {
    673673    margin: 15px 0 25px;
    674     color: #787c82;
     674    color: #646970;
    675675    font-size: 16px;
    676676    font-weight: 400;
    … …  
    705705.theme-overlay .theme-tags {
    706706    border-top: 3px solid #f0f0f1;
    707     color: #8c8f94;
     707    color: #646970;
    708708    font-size: 13px;
    709709    font-weight: 400;
    … …  
    11241124.theme-details .no-rating {
    11251125    font-size: 11px;
    1126     color: #787c82;
     1126    color: #646970;
    11271127}
    11281128
    … …  
    18561856.theme-details .theme-description {
    18571857    float: left;
    1858     color: #787c82;
     1858    color: #646970;
    18591859    line-height: 1.6;
    18601860    max-width: 100%;

  • trunk/src/wp-admin/css/widgets.css

    r50025 r50571  
    355355    margin: 0;
    356356    font-style: normal;
    357     color: #787c82;
     357    color: #646970;
    358358}
    359359

  • trunk/src/wp-includes/css/media-views.css

    r50025 r50571  
    152152
    153153.media-frame ::-webkit-input-placeholder {
    154     color: #787c82;
     154    color: #646970;
    155155}
    156156
    157157.media-frame ::-moz-placeholder {
    158     color: #787c82;
     158    color: #646970;
    159159    opacity: 1;
    160160}
    161161
    162162.media-frame :-ms-input-placeholder {
    163     color: #787c82;
     163    color: #646970;
    164164}
    165165
Note: See TracChangeset for help on using the changeset viewer.