WordPress.org

Make WordPress Core

Changeset 46344


Ignore:
Timestamp:
09/29/2019 09:52:38 PM (3 weeks ago)
Author:
afercia
Message:

Accessibility: Improve and modernize user interface controls: Make the secondary buttons border blue.

Props drw158, youknowriad, kjellr, melchoyce, talldanwp, audrasjb.
See #34904.

Location:
trunk/src
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/colors/_admin.scss

    r46248 r46344  
    2424}
    2525
    26 #media-upload a.del-link:hover,
    27 div.dashboard-widget-submit input:hover,
    28 .subsubsub a:hover,
    29 .subsubsub a.current:hover {
     26#post-body .misc-pub-post-status:before,
     27#post-body #visibility:before,
     28.curtime #timestamp:before,
     29#post-body .misc-pub-revisions:before,
     30span.wp-media-buttons-icon:before {
    3031    color: $link-focus;
    3132}
     
    7475
    7576.wp-core-ui {
     77
     78    .button,
     79    .button-secondary {
     80        color: $button-color;
     81        border-color: $button-color;
     82    }
     83
     84    .button.hover,
     85    .button:hover,
     86    .button-secondary:hover,
     87    .button.focus,
     88    .button:focus,
     89    .button-secondary:focus {
     90        border-color: darken( $button-color, 5% );
     91        color: darken( $button-color, 5% );
     92    }
     93
    7694    .button.focus,
    7795    .button:focus,
     
    84102    .button-primary {
    85103        @include button( $button-color );
     104    }
     105
     106    .button-group > .button.active {
     107        border-color: $button-color;
    86108    }
    87109
  • trunk/src/wp-admin/css/common.css

    r46250 r46344  
    618618    top: -3px;
    619619    text-decoration: none;
    620     border: 1px solid #7e8993;
     620    border: 1px solid #0071a1;
    621621    border-radius: 2px;
    622622    text-shadow: none;
     
    624624    font-size: 13px;
    625625    line-height: normal; /* IE8-IE11 need this for buttons */
    626     color: #555; /* use the standard color used for buttons */
     626    color: #0071a1; /* use the standard color used for buttons */
     627    background: #f3f5f6;
    627628    cursor: pointer;
    628629}
     
    634635.wrap .add-new-h2:hover, /* deprecated */
    635636.wrap .page-title-action:hover {
    636     background: #f3f5f6;
    637     border-color: #7e8993;
    638     color: #007cba;
     637    background: #f1f1f1;
     638    border-color: #016087;
     639    color: #016087;
    639640}
    640641
  • trunk/src/wp-admin/css/edit.css

    r46338 r46344  
    449449#post-body #visibility:before,
    450450.curtime #timestamp:before,
    451 #post-body .misc-pub-revisions:before,
    452 span.wp-media-buttons-icon:before {
     451#post-body .misc-pub-revisions:before {
    453452    color: #82878c;
    454453}
  • trunk/src/wp-admin/css/media.css

    r46331 r46344  
    932932    margin: 0 8px 8px 0;
    933933    padding: 0 10px;
    934     color: #555;
    935934}
    936935
  • trunk/src/wp-includes/css/buttons.css

    r46243 r46344  
    124124.wp-core-ui .button,
    125125.wp-core-ui .button-secondary {
    126     color: #555;
    127     border-color: #7e8993;
    128     background: #f1f1f1;
     126    color: #0071a1;
     127    border-color: #0071a1;
     128    background: #f3f5f6;
    129129    vertical-align: top;
    130130}
     
    140140.wp-core-ui .button:focus,
    141141.wp-core-ui .button-secondary:focus {
    142     background: #f3f5f6;
    143     border-color: #7e8993;
    144     color: #007cba;
     142    background: #f1f1f1;
     143    border-color: #016087;
     144    color: #016087;
    145145}
    146146
     
    158158.wp-core-ui .button:active,
    159159.wp-core-ui .button-secondary:active {
    160     background: #eee;
    161     border-color: #999;
     160    background: #f3f5f6;
     161    border-color: #7e8993;
    162162    transform: translateY(1px);
    163163    box-shadow: none;
     
    165165
    166166.wp-core-ui .button.active:focus {
    167     border-color: #999;
    168     box-shadow: 0 0 0 1px #999;
     167    border-color: #7e8993;
     168    box-shadow: 0 0 0 1px #7e8993;
    169169}
    170170
     
    320320    background-color: #e2e4e7;
    321321    box-shadow: inset 0 1px 0 0 #999;
     322    border-color: #016087;
    322323}
    323324
Note: See TracChangeset for help on using the changeset viewer.