WordPress.org

Make WordPress Core

Ticket #31459: update-admin-buttons-review.diff

File update-admin-buttons-review.diff, 2.6 KB (added by hugobaeta, 5 years ago)

Revision of Buttons style update, with new colors for accessibility

  • wp-includes/css/buttons.css

     
    131131        color: #555;
    132132        border-color: #cccccc;
    133133        background: #f7f7f7;
    134         -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    135         box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
     134        -webkit-box-shadow: 0 1px 0 rgba( 0, 0, 0, 0.08 );
     135+       box-shadow: 0 1px 0 rgba( 0, 0, 0, 0.08 );
    136136        vertical-align: top;
    137137}
    138138
     
    213213---------------------------------------------------------------------------- */
    214214
    215215.wp-core-ui .button-primary {
    216         background: #00a0d2;
    217         border-color: #0073aa;
    218         -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
    219         box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
     216        background: #0085ba;
     217        border-color: #0085ba #0073aa #0073aa;
     218        -webkit-box-shadow: 0 1px 0 #0073aa;
     219        box-shadow: 0 1px 0 #0073aa;
    220220        color: #fff;
    221221        text-decoration: none;
     222        text-shadow: 0 -1px 1px #006799;
    222223}
    223224
    224225.wp-core-ui .button-primary.hover,
    225226.wp-core-ui .button-primary:hover,
    226227.wp-core-ui .button-primary.focus,
    227228.wp-core-ui .button-primary:focus {
    228         background: #0091cd;
    229         border-color: #0073aa;
    230         -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
    231         box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
     229        background: #008ec2;
     230        border-color: #0085ba #0073aa #0073aa;
     231        -webkit-box-shadow: 0 1px 0 #0073aa;
     232        box-shadow: 0 1px 0 #0073aa;
    232233        color: #fff;
     234        text-shadow: 0 -1px 2px #006799;
    233235}
    234236
    235237.wp-core-ui .button-primary.focus,
    236238.wp-core-ui .button-primary:focus {
    237         border-color: #0e3950;
    238         -webkit-box-shadow:
    239                 inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
    240                 0 0 0 1px #5b9dd9,
    241                 0 0 2px 1px rgba(30, 140, 190, .8);
    242         box-shadow:
    243                 inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
    244                 0 0 0 1px #5b9dd9,
    245                 0 0 2px 1px rgba(30, 140, 190, .8);
     239        border-color: #006799;
     240        -webkit-box-shadow: 0 1px 0 #0073aa,
     241                0 0 2px 1px #33B3DB;
     242        box-shadow: 0 1px 0 #0073aa,
     243                0 0 2px 1px #33B3DB;
    246244}
    247245
    248246.wp-core-ui .button-primary.active,
     
    250248.wp-core-ui .button-primary.active:focus,
    251249.wp-core-ui .button-primary:active {
    252250        background: #0073aa;
    253         border-color: #005082;
    254         color: rgba( 255, 255, 255, 0.95 );
    255         -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
    256         box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
     251        border-color: #006799 #006799 #0073aa;
     252        -webkit-box-shadow: inset 0 2px 0 #006799;
     253        box-shadow: inset 0 2px 0 #006799;
     254        color: rgba( 255, 255, 255, 0.9 );
     255        text-shadow: 0 1px 1px #006799;
    257256        vertical-align: top;
    258257}
    259258