Make WordPress Core

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

File 34904--blue-secondary-buttons.diff, 2.8 KB (added by kjellr, 5 years ago)
  • src/wp-admin/css/colors/_admin.scss

     
    7373/* Core UI */
    7474
    7575.wp-core-ui {
     76
     77        .button,
     78        .button-secondary {
     79                color: $button-color;
     80                border-color: $button-color;
     81        }
     82
     83        .button.hover,
     84        .button:hover,
     85        .button-secondary:hover,
    7686        .button.focus,
    7787        .button:focus,
    7888        .button-secondary:focus {
     89                border-color: darken( $button-color, 5% );
     90                color: darken( $button-color, 5% );
     91        }
     92
     93        .button.focus,
     94        .button:focus,
     95        .button-secondary:focus {
    7996                border-color: $button-color;
    8097                color: darken( $button-color, 5% );
    8198                box-shadow: 0 0 0 1px $button-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-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],