WordPress.org
Get WordPress

Make WordPress Core

Changeset 50578


Ignore:
Timestamp:
03/25/2021 02:42:44 PM (6 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.
Merges [50571] to the 5.7 branch.
Fixes #52760.

Location:
branches/5.7
Files:
15 edited

Legend:

Unmodified
Added
Removed

  • branches/5.7

  • branches/5.7/src/wp-admin/css/color-picker.css

    r50025 r50578  
    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

  • branches/5.7/src/wp-admin/css/common.css

    r50357 r50578  
    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}

  • branches/5.7/src/wp-admin/css/customize-controls.css

    r50386 r50578  
    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;

  • branches/5.7/src/wp-admin/css/customize-widgets.css

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

  • branches/5.7/src/wp-admin/css/dashboard.css

    r50526 r50578  
    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;

  • branches/5.7/src/wp-admin/css/deprecated-media.css

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

  • branches/5.7/src/wp-admin/css/edit.css

    r50574 r50578  
    6969
    7070#titlediv #title-prompt-text {
    71         color: #787c82;
     71        color: #646970;
    7272        position: absolute;
    7373        font-size: 1.7em;
    … …  
    14421442        display: inline-block;
    14431443        padding: 0 4px;
    1444         color: #787c82;
     1444        color: #646970;
    14451445        font-size: 13px;
    14461446        word-break: break-all;

  • branches/5.7/src/wp-admin/css/forms.css

    r50363 r50578  
    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

  • branches/5.7/src/wp-admin/css/list-tables.css

    r50385 r50578  
    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}

  • branches/5.7/src/wp-admin/css/nav-menus.css

    r50162 r50578  
    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}

  • branches/5.7/src/wp-admin/css/revisions.css

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

  • branches/5.7/src/wp-admin/css/themes.css

    r50025 r50578  
    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%;

  • branches/5.7/src/wp-admin/css/widgets.css

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

  • branches/5.7/src/wp-includes/css/media-views.css

    r50025 r50578  
    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.