Make WordPress Core

Changeset 46242


Ignore:
Timestamp:
09/23/2019 03:09:59 PM (4 years ago)
Author:
afercia
Message:

Accessibility: Improve and modernize user interface controls for better contrast. Second part: tables, meta boxes, and other user interface elements.

Introduces better contrast for borders of the following user interface elements:

  • Tables
  • Screen Options and Help
  • Admin notices
  • Welcome panel
  • Meta boxes (post boxes)
  • Cards
  • Health Check accordions and headings
  • Theme and Plugin upload forms

Props kjellr, melchoyce, karmatosed, audrasjb.
Fixes #48101.

Location:
trunk/src/wp-admin/css
Files:
7 edited

Legend:

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

    r46241 r46242  
    191191.imgedit-group,
    192192.comment-ays {
    193     border: 1px solid #e5e5e5;
     193    border: 1px solid #ccd0d4;
    194194    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    195195}
     
    485485.widefat thead th,
    486486.widefat thead td {
    487     border-bottom: 1px solid #e1e1e1;
     487    border-bottom: 1px solid #ccd0d4;
    488488}
    489489
    490490.widefat tfoot th,
    491491.widefat tfoot td {
    492     border-top: 1px solid #e1e1e1;
     492    border-top: 1px solid #ccd0d4;
    493493    border-bottom: none;
    494494}
     
    772772.postbox .hndle,
    773773.stuffbox .hndle {
    774     border-bottom: 1px solid #eee;
     774    border-bottom: 1px solid #ccd0d4;
    775775}
    776776
     
    10001000    width: 100%;
    10011001    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    1002     border: 1px solid #e5e5e5;
     1002    border: 1px solid #ccd0d4;
    10031003    background: #fff;
    10041004    color: #555;
     
    13671367div.error {
    13681368    background: #fff;
    1369     border-left: 4px solid #fff;
    1370     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
     1369    border: 1px solid #ccd0d4;
     1370    border-left-width: 4px;
     1371    box-shadow: 0 1px 1px rgba(0,0,0,.04)
    13711372    margin: 5px 15px 2px;
    13721373    padding: 1px 12px;
     
    16711672    position: relative;
    16721673    background-color: #fff;
    1673     border: 1px solid #ddd;
     1674    border: 1px solid #ccd0d4;
    16741675    border-top: none;
    16751676    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.025);
     
    16881689
    16891690#screen-meta-links .show-settings {
    1690     border: 1px solid #ddd;
     1691    border: 1px solid #ccd0d4;
    16911692    border-top: none;
    1692     border-bottom-color: #ccc;
     1693    border-bottom-color: #ccd0d4;
    16931694    height: auto;
    16941695    margin-bottom: 0;
     
    18371838    left: 150px;
    18381839    right: 170px;
    1839     border: 1px solid #e1e1e1;
     1840    border: 1px solid #ccd0d4;
    18401841    border-top: none;
    18411842    border-bottom: none;
     
    18901891
    18911892.contextual-help-tabs .active a {
    1892     border-color: #e1e1e1;
     1893    border-color: #ccd0d4;
    18931894    color: #32373c;
    18941895}
  • trunk/src/wp-admin/css/dashboard.css

    r45700 r46242  
    104104    margin: 16px 0;
    105105    padding: 23px 10px 0;
    106     border: 1px solid #e5e5e5;
     106    border: 1px solid #ccd0d4;
    107107    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    108108    background: #fff;
  • trunk/src/wp-admin/css/edit.css

    r45683 r46242  
    154154    position: relative;
    155155    min-width: 255px;
    156     border: 1px solid #e5e5e5;
     156    border: 1px solid #ccd0d4;
    157157    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    158158    background: #fff;
     
    310310    width: 100%;
    311311    border-spacing: 0;
    312     border: 1px solid #e5e5e5;
     312    border: 1px solid #ccd0d4;
    313313    border-top: none;
    314314    background-color: #f7f7f7;
     
    361361.wp-editor-expand #wp-content-editor-tools {
    362362    z-index: 1000;
    363     border-bottom: 1px solid #e5e5e5;
     363    border-bottom: 1px solid #ccd0d4;
    364364}
    365365
     
    378378
    379379.wp-editor-expand #post-status-info {
    380     border-top: 1px solid #e5e5e5;
     380    border-top: 1px solid #ccd0d4;
    381381}
    382382
  • trunk/src/wp-admin/css/forms.css

    r46241 r46242  
    795795    min-width: 255px;
    796796    max-width: 520px;
    797     border: 1px solid #e5e5e5;
     797    border: 1px solid #ccd0d4;
    798798    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    799799    background: #fff;
  • trunk/src/wp-admin/css/nav-menus.css

    r45414 r46242  
    648648    position: relative;
    649649    z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
    650     border: 1px solid #e5e5e5;
     650    border: 1px solid #ccd0d4;
    651651    border-top: none;
    652652    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  • trunk/src/wp-admin/css/site-health.css

    r46106 r46242  
    274274
    275275.health-check-accordion {
    276     border: 1px solid #e2e4e7;
     276    border: 1px solid #ccd0d4;
    277277}
    278278
    279279.health-check-accordion-heading {
    280280    margin: 0;
    281     border-top: 1px solid #e2e4e7;
     281    border-top: 1px solid #ccd0d4;
    282282    font-size: inherit;
    283283    line-height: inherit;
  • trunk/src/wp-admin/css/themes.css

    r46241 r46242  
    10481048.upload-plugin .wp-upload-form {
    10491049    background: #fafafa;
    1050     border: 1px solid #e5e5e5;
     1050    border: 1px solid #ccd0d4;
    10511051    padding: 30px;
    10521052    margin: 30px auto;
Note: See TracChangeset for help on using the changeset viewer.