Make WordPress Core

Ticket #34904: 34904.7.diff

File 34904.7.diff, 6.4 KB (added by kjellr, 4 years ago)
  • src/wp-admin/css/common.css

     
    623623        position: relative;
    624624        top: -3px;
    625625        text-decoration: none;
    626         border: none;
    627         border: 1px solid #ccc;
     626        border: 1px solid #7e8993;
    628627        border-radius: 2px;
    629         background: #f7f7f7;
    630628        text-shadow: none;
    631629        font-weight: 600;
    632630        font-size: 13px;
    633631        line-height: normal; /* IE8-IE11 need this for buttons */
    634         color: #0073aa; /* some of these controls are button elements and don't inherit from links */
     632        color: #555; /* use the standard color used for buttons */
    635633        cursor: pointer;
    636634}
    637635
     
    641639
    642640.wrap .add-new-h2:hover, /* deprecated */
    643641.wrap .page-title-action:hover {
    644         border-color: #008EC2;
    645         background: #00a0d2;
    646         color: #fff;
     642        background: #f3f5f6;
     643        border-color: #7e8993;
     644        color: #007cba;
    647645}
    648646
    649647/* lower specificity: color needs to be overridden by :hover and :active */
    650648.page-title-action:focus {
    651         color: #124964;
     649        color: #016087;
    652650}
    653651
    654652/* Dashicon for language options on General Settings and Profile screens */
     
    658656}
    659657
    660658.wrap .page-title-action:focus {
    661         border-color: #5b9dd9;
    662         box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
     659        border-color: #007cba;
     660        box-shadow: 0 0 0 1px #007cba;
    663661        /* Only visible in Windows High Contrast mode */
    664662        outline: 2px solid transparent;
    665663}
  • src/wp-admin/css/forms.css

     
    5050input[type="radio"]:focus,
    5151select:focus,
    5252textarea:focus {
    53         border-color: #5b9dd9;
    54         box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
     53        border-color: #007cba;
     54        box-shadow: 0 0 0 1px #007cba;
    5555        /* Only visible in Windows High Contrast mode */
    5656        outline: 2px solid transparent;
    5757}
  • src/wp-includes/css/buttons.css

     
    124124.wp-core-ui .button,
    125125.wp-core-ui .button-secondary {
    126126        color: #555;
    127         border-color: #cccccc;
    128         background: #f7f7f7;
    129         box-shadow: 0 1px 0 #cccccc;
     127        border-color: #7e8993;
     128        background: #f1f1f1;
    130129        vertical-align: top;
    131130}
    132131
     
    140139.wp-core-ui .button.focus,
    141140.wp-core-ui .button:focus,
    142141.wp-core-ui .button-secondary:focus {
    143         background: #fafafa;
    144         border-color: #999;
    145         color: #23282d;
     142        background: #f3f5f6;
     143        border-color: #7e8993;
     144        color: #007cba;
    146145}
    147146
    148147.wp-core-ui .button.focus,
    149148.wp-core-ui .button:focus,
    150149.wp-core-ui .button-secondary:focus {
    151         border-color: #5b9dd9;
    152         box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
     150        background: #f3f5f6;
     151        border-color: #007cba;
     152        color: #016087;
     153        box-shadow: 0 0 0 1px #007cba;
    153154}
    154155
    155156.wp-core-ui .button.active,
     
    158159.wp-core-ui .button-secondary:active {
    159160        background: #eee;
    160161        border-color: #999;
    161         box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    162162        transform: translateY(1px);
     163        box-shadow: none;
    163164}
    164165
    165166.wp-core-ui .button.active:focus {
     
    241242---------------------------------------------------------------------------- */
    242243
    243244.wp-core-ui .button-primary {
    244         background: #0085ba;
    245         border-color: #0073aa #006799 #006799;
    246         box-shadow: 0 1px 0 #006799;
     245        background: #007cba;
     246        border-color: #007cba;
    247247        color: #fff;
    248248        text-decoration: none;
    249         text-shadow: 0 -1px 1px #006799,
    250                 1px 0 1px #006799,
    251                 0 1px 1px #006799,
    252                 -1px 0 1px #006799;
     249        text-shadow: none;
    253250}
    254251
    255252.wp-core-ui .button-primary.hover,
     
    256253.wp-core-ui .button-primary:hover,
    257254.wp-core-ui .button-primary.focus,
    258255.wp-core-ui .button-primary:focus {
    259         background: #008ec2;
    260         border-color: #006799;
    261         color: #fff;
     256        background: #0071a1;
     257        border-color: #0071a1;
     258        color: #fff;;
    262259}
    263260
    264261.wp-core-ui .button-primary.focus,
    265262.wp-core-ui .button-primary:focus {
    266         box-shadow: 0 1px 0 #0073aa,
    267                 0 0 2px 1px #33b3db;
     263        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba;
    268264}
    269265
    270266.wp-core-ui .button-primary.active,
     
    271267.wp-core-ui .button-primary.active:hover,
    272268.wp-core-ui .button-primary.active:focus,
    273269.wp-core-ui .button-primary:active {
    274         background: #0073aa;
    275         border-color: #006799;
    276         box-shadow: inset 0 2px 0 #006799;
     270        background: #00669b;
     271        border-color: #00669b;
     272        transform: translateY(1px);
     273        box-shadow: none;
    277274}
    278275
    279276.wp-core-ui .button-primary[disabled],
     
    280277.wp-core-ui .button-primary:disabled,
    281278.wp-core-ui .button-primary-disabled,
    282279.wp-core-ui .button-primary.disabled {
    283         color: #66c6e4 !important;
    284         background: #008ec2 !important;
    285         border-color: #007cb2 !important;
     280        color: #66C6E4 !important;
     281        background: #008EC2 !important;
     282        border-color: #008EC2 !important;
    286283        box-shadow: none !important;
    287         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
     284        text-shadow: none !important;
    288285        cursor: default;
    289286}
    290287
    291 .wp-core-ui .button.button-primary.button-hero {
    292         box-shadow: 0 2px 0 #006799;
    293 }
    294 
    295 .wp-core-ui .button.button-primary.button-hero:focus {
    296         box-shadow:
    297                 0 2px 0 #006799,
    298                 0 1px 0 #0073aa,
    299                 0 0 2px 1px #33b3db;
    300 }
    301 
    302 .wp-core-ui .button.button-primary.button-hero.active,
    303 .wp-core-ui .button.button-primary.button-hero.active:hover,
    304 .wp-core-ui .button.button-primary.button-hero.active:focus,
    305 .wp-core-ui .button.button-primary.button-hero:active {
    306         box-shadow: inset 0 3px 0 #006799;
    307 }
    308 
    309288/* ----------------------------------------------------------------------------
    310289  4.0 - Button Groups
    311290---------------------------------------------------------------------------- */
     
    324303        margin-right: -1px;
    325304}
    326305
    327 .wp-core-ui .button-group > .button-primary {
    328         z-index: 100;
    329 }
    330 
    331 .wp-core-ui .button-group > .button:hover {
    332         z-index: 20;
    333 }
    334 
    335306.wp-core-ui .button-group > .button:first-child {
    336307        border-radius: 3px 0 0 3px;
    337308}
     
    340311        border-radius: 0 3px 3px 0;
    341312}
    342313
     314.wp-core-ui .button-group > .button-primary + .button {
     315        border-left: 0;
     316}
     317
    343318.wp-core-ui .button-group > .button:focus {
    344319        position: relative;
    345320        z-index: 1;
    346321}
    347322
     323.wp-core-ui .button-group > .button:active {
     324        transform: translateY(0);
     325}
     326
    348327/* ----------------------------------------------------------------------------
    349328  5.0 - Responsive Button Styles
    350329---------------------------------------------------------------------------- */
     
    406385                padding: 0 12px 2px;
    407386        }
    408387
    409 }
     388}
     389 No newline at end of file