WordPress.org
Get WordPress

Make WordPress Core

Ticket #34904: 34904--blue-secondary-buttons.2.diff

File 34904--blue-secondary-buttons.2.diff, 4.4 KB (added by kjellr, 5 years ago)

  • src/wp-admin/css/colors/_admin.scss

     
    2323        }
    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}
    3233
    … …  
    7374/* Core UI */
    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,
    7687        .button.focus,
    7788        .button:focus,
    7889        .button-secondary:focus {
     90                border-color: darken( $button-color, 5% );
     91                color: darken( $button-color, 5% );
     92        }
     93
     94        .button.focus,
     95        .button:focus,
     96        .button-secondary:focus {
    7997                border-color: $button-color;
    8098                color: darken( $button-color, 5% );
    8199                box-shadow: 0 0 0 1px $button-color;
    … …  
    85103                @include button( $button-color );
    86104        }
    87105
     106        .button-group > .button.active {
     107                border-color: $button-color;
     108        }
     109
    88110        .wp-ui-primary {
    89111                color: $text-color;
    90112                background-color: $base-color;

  • src/wp-admin/css/common.css

     
    617617        position: relative;
    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;
    623623        font-weight: 600;
    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}
    629630
    … …  
    633634
    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
    641642/* lower specificity: color needs to be overridden by :hover and :active */

  • src/wp-admin/css/edit.css

     
    447447#post-body .misc-pub-post-status:before,
    448448#post-body #visibility:before,
    449449.curtime #timestamp:before,
    450 #post-body .misc-pub-revisions:before,
    451 span.wp-media-buttons-icon:before {
     450#post-body .misc-pub-revisions:before {
    452451        color: #82878c;
    453452}
    454453

  • src/wp-admin/css/media.css

     
    933933        line-height: 2;
    934934        margin: 0 8px 8px 0;
    935935        padding: 0 10px;
    936         color: #555;
    937936}
    938937
    939938.imgedit-menu .button:before {

  • src/wp-includes/css/buttons.css

     
    123123
    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}
    131131
    … …  
    139139.wp-core-ui .button.focus,
    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
    147147.wp-core-ui .button.focus,
    … …  
    157157.wp-core-ui .button.active:hover,
    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;
    164164}
    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
    171171.wp-core-ui .button[disabled],
    … …  
    319319.wp-core-ui .button-group > .button.active {
    320320        background-color: #e2e4e7;
    321321        box-shadow: inset 0 1px 0 0 #999;
     322        border-color: #016087;
    322323}
    323324
    324325.wp-core-ui .button-group > .button:active,