Make WordPress Core

Changeset 49907


Ignore:
Timestamp:
12/26/2020 07:52:48 PM (13 months ago)
Author:
SergeyBiryukov
Message:

Accessibility: Upgrade/Install: Add more contrast to input borders during installation.

This brings the accessibility improvements previously made for other areas of the admin in WordPress 5.3 to the installation screens too.

Follow-up to [46241-46244], [46247], [46248], [46293], [46425].

Props Maigret, audrasjb.
Fixes #51854.

Location:
trunk/src
Files:
4 edited

Legend:

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

    r49587 r49907  
    13771377    border: 1px solid #ccd0d4;
    13781378    border-left-width: 4px;
    1379     box-shadow: 0 1px 1px rgba(0,0,0,.04);
     1379    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    13801380    margin: 5px 15px 2px;
    13811381    padding: 1px 12px;
  • trunk/src/wp-admin/css/customize-controls.css

    r49309 r49907  
    23552355    height: auto;
    23562356    background: #fff;
     2357    border: 1px solid #ccd0d4;
    23572358    margin: 50px auto 2em;
    23582359    padding: 1em 2em;
    23592360    max-width: 700px;
    23602361    min-width: 0;
    2361     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
     2362    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    23622363}
    23632364
  • trunk/src/wp-admin/css/install.css

    r48368 r49907  
    66body {
    77    background: #fff;
     8    border: 1px solid #ccd0d4;
    89    color: #444;
    910    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     
    1213    max-width: 700px;
    1314    -webkit-font-smoothing: subpixel-antialiased;
    14     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
     15    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    1516}
    1617
     
    150151    font-size: 15px;
    151152    padding: 3px 5px;
    152     border: 1px solid #ddd;
    153     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    154153}
    155154
  • trunk/src/wp-includes/functions.php

    r49845 r49907  
    35033503        body {
    35043504            background: #fff;
     3505            border: 1px solid #ccd0d4;
    35053506            color: #444;
    35063507            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     
    35083509            padding: 1em 2em;
    35093510            max-width: 700px;
    3510             -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
    3511             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
     3511            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
     3512            box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    35123513        }
    35133514        h1 {
     
    35543555        }
    35553556        .button {
    3556             background: #f7f7f7;
    3557             border: 1px solid #ccc;
    3558             color: #555;
     3557            background: #f3f5f6;
     3558            border: 1px solid #016087;
     3559            color: #016087;
    35593560            display: inline-block;
    35603561            text-decoration: none;
     
    35733574            box-sizing:         border-box;
    35743575
    3575             -webkit-box-shadow: 0 1px 0 #ccc;
    3576             box-shadow: 0 1px 0 #ccc;
    35773576            vertical-align: top;
    35783577        }
    35793578
    35803579        .button.button-large {
    3581             height: 30px;
    3582             line-height: 2.15384615;
    3583             padding: 0 12px 2px;
     3580            line-height: 2.30769231;
     3581            min-height: 32px;
     3582            padding: 0 12px;
    35843583        }
    35853584
    35863585        .button:hover,
    35873586        .button:focus {
    3588             background: #fafafa;
    3589             border-color: #999;
    3590             color: #23282d;
     3587            background: #f1f1f1;
    35913588        }
    35923589
    35933590        .button:focus {
    3594             border-color: #5b9dd9;
    3595             -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    3596             box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    3597             outline: none;
     3591            background: #f3f5f6;
     3592            border-color: #007cba;
     3593            -webkit-box-shadow: 0 0 0 1px #007cba;
     3594            box-shadow: 0 0 0 1px #007cba;
     3595            color: #016087;
     3596            outline: 2px solid transparent;
     3597            outline-offset: 0;
    35983598        }
    35993599
    36003600        .button:active {
    3601             background: #eee;
    3602             border-color: #999;
    3603             -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    3604             box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     3601            background: #f3f5f6;
     3602            border-color: #7e8993;
     3603            -webkit-box-shadow: none;
     3604            box-shadow: none;
    36053605        }
    36063606
Note: See TracChangeset for help on using the changeset viewer.