Make WordPress Core

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

File 34904--blue-secondary-buttons.3.diff, 4.7 KB (added by talldanwp, 4 years ago)
  • src/wp-admin/css/colors/_admin.scss

    diff --git a/src/wp-admin/css/colors/_admin.scss b/src/wp-admin/css/colors/_admin.scss
    index 76158af52d..7a01c3e622 100644
    a b a { 
    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
    textarea:focus { 
    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,
     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,
    7896        .button-secondary:focus {
    textarea:focus { 
    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

    diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
    index 66e3646cca..093bb1876d 100644
    a b code { 
    612612.wrap .add-new-h2:active, /* deprecated */
    613613.wrap .page-title-action,
    614614.wrap .page-title-action:active {
     615        display: inline-block;
    615616        margin-left: 4px;
    616         padding: 4px 8px;
     617        padding: 0 10px;
    617618        position: relative;
    618         top: -3px;
     619        top: -2px;
    619620        text-decoration: none;
    620         border: 1px solid #7e8993;
    621         border-radius: 2px;
     621        border: 1px solid #0071a1;
     622        border-radius: 3px;
    622623        text-shadow: none;
    623624        font-weight: 600;
    624625        font-size: 13px;
    625         line-height: normal; /* IE8-IE11 need this for buttons */
    626         color: #555; /* use the standard color used for buttons */
     626        line-height: 26px; /* IE8-IE11 need this for buttons */
     627        color: #0071a1; /* use the standard color used for buttons */
     628        background: #f3f5f6;
    627629        cursor: pointer;
     630        box-sizing: border-box;
    628631}
    629632
    630633.wrap .wp-heading-inline + .page-title-action {
    code { 
    633636
    634637.wrap .add-new-h2:hover, /* deprecated */
    635638.wrap .page-title-action:hover {
    636         background: #f3f5f6;
    637         border-color: #7e8993;
    638         color: #007cba;
     639        background: #f1f1f1;
     640        border-color: #016087;
     641        color: #016087;
    639642}
    640643
    641644/* lower specificity: color needs to be overridden by :hover and :active */
  • src/wp-admin/css/edit.css

    diff --git a/src/wp-admin/css/edit.css b/src/wp-admin/css/edit.css
    index d987bc8534..b7537c5070 100644
    a b form#tags-filter { 
    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

    diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css
    index 7822139c85..b2b640de9e 100644
    a b border color while dragging a file over the uploader drop area */ 
    931931        line-height: 2;
    932932        margin: 0 8px 8px 0;
    933933        padding: 0 10px;
    934         color: #555;
    935934}
    936935
    937936.imgedit-menu .button:before {
  • src/wp-includes/css/buttons.css

    diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css
    index c2ad32f423..bea7873ecb 100644
    a b TABLE OF CONTENTS: 
    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
    TABLE OF CONTENTS: 
    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,
    TABLE OF CONTENTS: 
    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],
    TABLE OF CONTENTS: 
    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,