WordPress.org

Make WordPress Core

Changeset 50687


Ignore:
Timestamp:
04/07/2021 04:36:16 PM (5 months ago)
Author:
ryelle
Message:

Accessibility: Administration: Update various background colors for increased contrast.

This ensures that contrast between text color and background meets the WCAG 2.0 AA recommended value. The following locations were changed:

  • Network List Tables: Use lighter background colors for site status indicator.
  • Nav Menus: Use a lighter background color for invalid menu items.
  • Pointers: Use a darker background for pointer header.
  • Themes: Use darker background on filter button hover.
  • Customizer: Use darker background for selected widget.

Follow-up to [50025], [50571].
Props kebbet, melchoyce, peterwilsoncc.
Fixes #52760.

Location:
trunk/src
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/common.css

    r50571 r50687  
    11801180.show-filters .wp-filter .drawer-toggle:hover,
    11811181.show-filters .wp-filter .drawer-toggle:focus {
    1182     background: #72aee6;
     1182    background: #2271b1;
    11831183}
    11841184
  • trunk/src/wp-admin/css/customize-widgets.css

    r50571 r50687  
    138138    display: none;
    139139    background: #fff;
    140     border: 1px solid #dcdcde;
     140    border: 1px solid #c3c4c7;
    141141    border-top: none;
    142142    cursor: auto;
     
    164164    padding: 13px 15px 15px 42px;
    165165    color: #50575e;
    166     border-top: 1px solid #f0f0f1;
     166    border-top: 1px solid #c3c4c7;
    167167    cursor: pointer;
    168168    -webkit-user-select: none;
     
    183183
    184184#customize-theme-controls .widget-area-select li:last-child {
    185     border-bottom: 1px solid #f0f0f1;
     185    border-bottom: 1px solid #c3c4c7;
    186186}
    187187
    188188#customize-theme-controls .widget-area-select .selected {
    189189    color: #fff;
    190     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    191     background: #72aee6;
     190    background: #2271b1;
    192191}
    193192
  • trunk/src/wp-admin/css/list-tables.css

    r50571 r50687  
    15781578/* Background Color for Site Status */
    15791579.wp-list-table .site-deleted,
    1580 .wp-list-table tr.site-deleted {
    1581     background: #ff8085;
    1582 }
    1583 .wp-list-table .site-spammed,
    1584 .wp-list-table tr.site-spammed {
    1585     background: #ffabaf;
    1586 }
     1580.wp-list-table tr.site-deleted,
    15871581.wp-list-table .site-archived,
    15881582.wp-list-table tr.site-archived {
    15891583    background: #fcf0f1;
    15901584}
     1585.wp-list-table .site-spammed,
     1586.wp-list-table tr.site-spammed,
    15911587.wp-list-table .site-mature,
    15921588.wp-list-table tr.site-mature {
    1593     background: #facfd2;
     1589    background: #fcf9e8;
    15941590}
    15951591
  • trunk/src/wp-admin/css/nav-menus.css

    r50571 r50687  
    456456
    457457#menu-to-edit .menu-item-invalid .menu-item-handle {
    458     background: #facfd2;
    459     border-color: #ffabaf;
     458    background: #fcf0f1;
     459    border-color: #d63638;
    460460}
    461461
  • trunk/src/wp-includes/css/wp-pointer.css

    r50551 r50687  
    1212    margin: -1px -1px 5px;
    1313    padding: 15px 18px 14px 60px;
    14     border: 1px solid #72aee6;
     14    border: 1px solid #2271b1;
    1515    border-bottom: none;
    1616    line-height: 1.4;
    1717    font-size: 14px;
    1818    color: #fff;
    19     background: #72aee6;
     19    background: #2271b1;
    2020}
    2121
     
    2323    background: #fff;
    2424    border-radius: 50%;
    25     color: #72aee6;
     25    color: #2271b1;
    2626    content: "\f227";
    2727    font: normal 20px/1.6 dashicons;
     
    142142    top: 0;
    143143    border-width: 0 13px 13px 13px;
    144     border-bottom-color: #72aee6;
     144    border-bottom-color: #2271b1;
    145145}
    146146
     
    151151    margin-top: -13px;
    152152    border: 13px solid transparent;
    153     border-bottom-color: #72aee6;
     153    border-bottom-color: #2271b1;
    154154    display: block;
    155155    content: " ";
Note: See TracChangeset for help on using the changeset viewer.