WordPress.org
Get WordPress

Make WordPress Core

Ticket #34904: 34904.6.diff

File 34904.6.diff, 6.3 KB (added by kjellr, 5 years ago)

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

     
    624624        top: -3px;
    625625        text-decoration: none;
    626626        border: none;
    627         border: 1px solid #ccc;
     627        border: 1px solid #a1acb5;
    628628        border-radius: 2px;
    629         background: #f7f7f7;
     629        background: #fff;
    630630        text-shadow: none;
    631631        font-weight: 600;
    632632        font-size: 13px;
    633633        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 */
     634        color: #006799; /* some of these controls are button elements and don't inherit from links */
    635635        cursor: pointer;
    636636}
    637637
    … …  
    641641
    642642.wrap .add-new-h2:hover, /* deprecated */
    643643.wrap .page-title-action:hover {
    644         border-color: #008EC2;
    645         background: #00a0d2;
    646         color: #fff;
     644        background: #f3f5f6;
     645        border-color: #a1acb5;
     646        color: #006799;
    647647}
    648648
    649649/* lower specificity: color needs to be overridden by :hover and :active */
    650650.page-title-action:focus {
    651         color: #124964;
     651        color: #016087;
    652652}
    653653
    654654/* Dashicon for language options on General Settings and Profile screens */
    … …  
    658658}
    659659
    660660.wrap .page-title-action:focus {
    661         border-color: #5b9dd9;
    662         box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
     661        border-color: #006799;
     662        box-shadow: 0 0 0 1px #006799;
    663663        /* Only visible in Windows High Contrast mode */
    664664        outline: 2px solid transparent;
    665665}

  • 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: #006799;
     54        box-shadow: 0 0 0 1px #006799;
    5555        /* Only visible in Windows High Contrast mode */
    5656        outline: 2px solid transparent;
    5757}

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

     
    123123
    124124.wp-core-ui .button,
    125125.wp-core-ui .button-secondary {
    126         color: #555;
    127         border-color: #cccccc;
    128         background: #f7f7f7;
    129         box-shadow: 0 1px 0 #cccccc;
     126        color: #006799;
     127        border-color: #a1acb5;
     128        background: #fff;
    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: #a1acb5;
     144        color: #006799;
    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: #006799;
     152        color: #016087;
     153        box-shadow: 0 0 0 1px #006799;
    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);
    163163}
    164164
    … …  
    241241---------------------------------------------------------------------------- */
    242242
    243243.wp-core-ui .button-primary {
    244         background: #0085ba;
    245         border-color: #0073aa #006799 #006799;
    246         box-shadow: 0 1px 0 #006799;
     244        background: #006799;
     245        border-color: #006799;
    247246        color: #fff;
    248247        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;
    253248}
    254249
    255250.wp-core-ui .button-primary.hover,
    … …  
    256251.wp-core-ui .button-primary:hover,
    257252.wp-core-ui .button-primary.focus,
    258253.wp-core-ui .button-primary:focus {
    259         background: #008ec2;
    260         border-color: #006799;
     254        background: #46799a;
     255        border-color: #46799a;
    261256        color: #fff;
    262257}
    263258
    264259.wp-core-ui .button-primary.focus,
    265260.wp-core-ui .button-primary:focus {
    266         box-shadow: 0 1px 0 #0073aa,
    267                 0 0 2px 1px #33b3db;
     261        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #006799;
    268262}
    269263
    270264.wp-core-ui .button-primary.active,
    … …  
    271265.wp-core-ui .button-primary.active:hover,
    272266.wp-core-ui .button-primary.active:focus,
    273267.wp-core-ui .button-primary:active {
    274         background: #0073aa;
     268        background: #006799;
    275269        border-color: #006799;
    276         box-shadow: inset 0 2px 0 #006799;
     270        transform: translateY(1px);
    277271}
    278272
    279273.wp-core-ui .button-primary[disabled],
    … …  
    280274.wp-core-ui .button-primary:disabled,
    281275.wp-core-ui .button-primary-disabled,
    282276.wp-core-ui .button-primary.disabled {
    283         color: #66c6e4 !important;
    284         background: #008ec2 !important;
    285         border-color: #007cb2 !important;
     277        color: #66C6E4 !important;
     278        background: #008EC2 !important;
     279        border-color: #008EC2 !important;
    286280        box-shadow: none !important;
    287         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
     281        text-shadow: none !important;
    288282        cursor: default;
    289283}
    290284
    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 
    309285/* ----------------------------------------------------------------------------
    310286  4.0 - Button Groups
    311287---------------------------------------------------------------------------- */
    … …  
    324300        margin-right: -1px;
    325301}
    326302
    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 
    335303.wp-core-ui .button-group > .button:first-child {
    336304        border-radius: 3px 0 0 3px;
    337305}
    … …  
    340308        border-radius: 0 3px 3px 0;
    341309}
    342310
     311.wp-core-ui .button-group > .button-primary + .button {
     312        border-left: 0;
     313}
     314
    343315.wp-core-ui .button-group > .button:focus {
    344316        position: relative;
    345317        z-index: 1;
    346318}
    347319
     320.wp-core-ui .button-group > .button:active {
     321        transform: translateY(0);
     322}
     323
    348324/* ----------------------------------------------------------------------------
    349325  5.0 - Responsive Button Styles
    350326---------------------------------------------------------------------------- */
    … …  
    406382                padding: 0 12px 2px;
    407383        }
    408384
    409 }
     385}
     386 No newline at end of file