WordPress.org
Get WordPress

Make WordPress Core

Ticket #51870: 51870.diff

File 51870.diff, 14.0 KB (added by joedolson, 14 months ago)

First draft patch

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

     
    279279a:focus .plugin-icon,
    280280.wp-person a:focus .gravatar {
    281281        color: #043959;
    282         box-shadow:
    283                 0 0 0 1px #4f94d4,
    284                 0 0 2px 1px rgba(79, 148, 212, 0.8);
    285                 /* Only visible in Windows High Contrast mode */
    286                 outline: 1px solid transparent;
     282        box-shadow: 0 0 0 2px #3582c4;
     283        /* Only visible in Windows High Contrast mode */
     284        outline: 2px solid transparent;
    287285}
    288286
    289287#adminmenu a:focus {
    … …  
    670668
    671669.wrap .page-title-action:focus {
    672670        border-color: #3582c4;
    673         box-shadow: 0 0 0 1px #3582c4;
     671        box-shadow: 0 0 0 2px #3582c4;
    674672        /* Only visible in Windows High Contrast mode */
    675673        outline: 2px solid transparent;
    676674}
    … …  
    844842}
    845843
    846844.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
    847         box-shadow:
    848                 0 0 0 1px #4f94d4,
    849                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     845        box-shadow: 0 0 0 2px #3582c4;
    850846}
    851847
    852848.key-labels label {
    … …  
    14611457
    14621458.notice-dismiss:focus {
    14631459        outline: none;
    1464         box-shadow:
    1465                 0 0 0 1px #4f94d4,
    1466                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     1460        box-shadow: 0 0 0 2px #3582c4;
    14671461}
    14681462
    14691463.notice-success,
    … …  
    17641758}
    17651759
    17661760#screen-meta-links .show-settings:focus {
    1767         border-color: #4f94d4;
    1768         box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
     1761        box-shadow: 0 0 0 2px #3582c4;
     1762        /* Only visible in Windows High Contrast mode */
     1763        outline: 2px solid transparent;
    17691764}
    17701765
    17711766#screen-meta-links .show-settings:active {
    … …  
    21032098.postbox .handle-order-higher,
    21042099.postbox .handle-order-lower,
    21052100.postbox .handlediv {
    2106         width: 36px;
    2107         height: 36px;
     2101        width: 1.62rem;
     2102        height: 1.62rem;
    21082103        margin: 0;
    21092104        padding: 0;
    21102105        border: 0;
    … …  
    31473142.postbox .handle-order-higher:focus,
    31483143.postbox .handle-order-lower:focus,
    31493144.postbox .handlediv:focus {
    3150         box-shadow:
    3151                 0 0 0 1px #4f94d4,
    3152                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     3145        box-shadow: inset 0 0 0 2px #3582c4;
     3146        border-radius: 50%;
    31533147        /* Only visible in Windows High Contrast mode */
    3154         outline: 1px solid transparent;
     3148        outline: 2px solid transparent;
    31553149}
    31563150
    31573151.postbox .handle-order-higher:focus .order-higher-indicator::before,
    … …  
    32533247}
    32543248[role="treeitem"] .folder-label.focus {
    32553249        color: #043959;
    3256         box-shadow:
    3257                 0 0 0 1px #4f94d4,
    3258                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     3250        box-shadow: 0 0 0 2px #3582c4;
    32593251}
    32603252[role="treeitem"].hover,
    32613253[role="treeitem"] .folder-label.hover {
    … …  
    34873479}
    34883480
    34893481.widget-top .widget-action:focus .toggle-indicator:before {
    3490         box-shadow:
    3491                 0 0 0 1px #4f94d4,
    3492                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     3482        box-shadow: 0 0 0 2px #3582c4;
    34933483}
    34943484
    34953485.control-section .accordion-section-title:after,

  • src/wp-admin/css/customize-controls.css

     
    15671567
    15681568.customize-control-header .choice:focus {
    15691569        outline: none;
    1570         box-shadow:
    1571                 0 0 0 1px #4f94d4,
    1572                 0 0 3px 1px rgba(79, 148, 212, 0.8);
     1570        box-shadow: 0 0 0 2px #3582c4;
    15731571}
    15741572
    15751573.customize-control-header .uploaded div:last-child > .choice {
    … …  
    26802678
    26812679#available-widgets-filter .clear-results:focus,
    26822680#available-menu-items-search .clear-results:focus {
    2683         box-shadow:
    2684                 0 0 0 1px #4f94d4,
    2685                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     2681        box-shadow: 0 0 0 2px #3582c4;
    26862682}
    26872683
    26882684#available-menu-items-search .search-icon:after,

  • src/wp-admin/css/customize-nav-menus.css

     
    271271.customize-screen-options-toggle:focus,
    272272#customize-controls .customize-info .customize-help-toggle:focus {
    273273        /* Only visible in Windows High Contrast mode */
    274         outline: 1px solid transparent;
     274        outline: 2px solid transparent;
    275275}
    276276
    277277.customize-screen-options-toggle:before {
    … …  
    864864.menu-delete:focus,
    865865.menu-item-bar .item-delete:focus:before,
    866866#available-menu-items .item-add:focus:before {
    867         box-shadow:
    868                 0 0 0 1px #4f94d4,
    869                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     867        box-shadow: 0 0 0 2px #3582c4;
    870868}
    871869
    872870

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

     
    12931293}
    12941294
    12951295div.tabs-panel-active:focus {
    1296         box-shadow: inset 0 0 0 1px #4f94d4, inset 0 0 2px 1px rgba(79, 148, 212, 0.8);
     1296        box-shadow: inset 0 0 0 2px #3582c4;
    12971297        outline: 0 none;
    12981298}
    12991299

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

     
    674674        border-color: #68de7c;
    675675}
    676676
     677#pass1:focus {
     678        box-shadow: 0 0 0 1px;
     679}
     680
    677681.pw-weak {
    678682        display: none;
    679683}

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

     
    2626
    2727a:focus {
    2828        color: #043959;
    29         box-shadow:
    30                 0 0 0 1px #4f94d4,
    31                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     29        box-shadow: 0 0 0 2px #3582c4;
    3230}
    3331
    3432h1, h2 {

  • src/wp-admin/css/list-tables.css

     
    261261}
    262262
    263263th .comment-grey-bubble {
    264         height: 16px;
    265264        width: 16px;
     265        position: relative;
     266        top: 2px;
    266267}
    267268
    268269th .comment-grey-bubble:before {
    … …  
    343344
    344345.fixed .column-comments {
    345346        width: 5.5em;
    346         padding: 8px 0;
    347347        text-align: left;
    348348}
    349349
    … …  
    537537}
    538538
    539539.wp-list-table .toggle-row:focus:before {
    540         box-shadow:
    541                 0 0 0 1px #4f94d4,
    542                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     540        box-shadow: 0 0 0 2px #3582c4;
    543541}
    544542
    545543.wp-list-table .toggle-row:active {
    … …  
    650648        padding: 8px;
    651649}
    652650
    653 .fixed .column-comments.sortable a,
    654 .fixed .column-comments.sorted a {
    655         padding: 8px 0;
     651th.sortable a:focus,
     652th.sorted a:focus {
     653        box-shadow: inset 0 0 0 2px #3582c4;
    656654}
    657655
    658656th.sortable a span,

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

     
    3232
    3333a:focus {
    3434        color: #043959;
    35         box-shadow:
    36                 0 0 0 1px #4f94d4,
    37                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     35        box-shadow: 0 0 0 2px #3582c4;
    3836}
    3937
    4038p {

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

     
    356356}
    357357
    358358#find-posts-close:focus {
    359         box-shadow:
    360                 0 0 0 1px #4f94d4,
    361                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     359        box-shadow: 0 0 0 2px #3582c4;
    362360        /* Only visible in Windows High Contrast mode */
    363361        outline: 2px solid transparent;
    364362        outline-offset: -2px;
    … …  
    533531.media-frame.mode-grid .attachment:focus,
    534532.media-frame.mode-grid .selected.attachment:focus,
    535533.media-frame.mode-grid .attachment.details:focus {
    536         box-shadow:
    537                 inset 0 0 2px 3px #f0f0f1,
    538                 inset 0 0 0 7px #4f94d4;
     534        box-shadow: inset 0 0 0 2px #3582c4;
    539535        /* Only visible in Windows High Contrast mode */
    540536        outline: 2px solid transparent;
    541537        outline-offset: -6px;

  • src/wp-admin/css/nav-menus.css

     
    732732}
    733733
    734734.nav-menus-php .item-edit:focus:before {
    735         box-shadow:
    736                 0 0 0 1px #4f94d4,
    737                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     735        box-shadow: 0 0 0 2px #3582c4;
    738736}
    739737
    740738/* Menu editing */

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

     
    176176}
    177177
    178178.theme-browser .theme .more-details:focus {
    179         box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
     179        box-shadow: 0 0 0 2px #3582c4;
    180180}
    181181
    182182.theme-browser .theme.focus {
    183         border-color: #4f94d4;
    184         box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
     183        border-color: #3582c4;
     184        box-shadow: 0 0 0 2px #3582c4;
    185185}
    186186
    187187.theme-browser .theme.focus .more-details {
    … …  
    15861586
    15871587.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
    15881588.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
    1589         box-shadow:
    1590                 0 0 0 1px #4f94d4,
    1591                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     1589        box-shadow: 0 0 0 2px #3582c4;
    15921590}
    15931591
    15941592.wp-full-overlay .collapse-sidebar-label {

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

     
    336336}
    337337
    338338.sidebar-name .handlediv:focus .toggle-indicator:before {
    339         box-shadow:
    340                 0 0 0 1px #4f94d4,
    341                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     339        box-shadow: 0 0 0 2px #3582c4;
    342340}
    343341
    344342.sidebar-name h2,

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

     
    210210
    211211.wp-core-ui .button-link:focus {
    212212        color: #043959;
    213         box-shadow:
    214                 0 0 0 1px #4f94d4,
    215                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     213        box-shadow: 0 0 0 2px #3582c4;
    216214        /* Only visible in Windows High Contrast mode */
    217         outline: 1px solid transparent;
     215        outline: 2px solid transparent;
    218216}
    219217
    220218.wp-core-ui .button-link-delete {

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

     
    8787
    8888.mce-window-head .mce-close:focus .mce-i-remove,
    8989div.mce-tab:focus {
    90         box-shadow: 0 0 0 1px #4f94d4,
    91                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     90        box-shadow: 0 0 0 2px #3582c4;
    9291}
    9392
    9493.mce-window .mce-window-head .mce-dragh {
    … …  
    635634
    636635.mce-menubar .mce-menubtn:focus {
    637636        color: #043959;
    638         box-shadow:
    639                 0 0 0 1px #4f94d4,
    640                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     637        box-shadow: 0 0 0 2px #3582c4;
    641638}
    642639
    643640div.mce-menu .mce-menu-item-sep,
    … …  
    11311128}
    11321129
    11331130.wp-switch-editor:focus {
    1134         box-shadow:
    1135                 0 0 0 1px #4f94d4,
    1136                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     1131        box-shadow: 0 0 0 2px #3582c4;
    11371132        outline: none;
    11381133        color: #1d2327;
    11391134}
    … …  
    14461441
    14471442#wp-link-close:focus {
    14481443        outline: none;
    1449         box-shadow:
    1450                 0 0 0 1px #4f94d4,
    1451                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     1444        box-shadow: 0 0 0 2px #3582c4;
    14521445        /* Only visible in Windows High Contrast mode */
    14531446        outline: 2px solid transparent;
    14541447        outline-offset: -2px;

  • src/wp-includes/css/jquery-ui-dialog.css

     
    312312}
    313313
    314314.ui-button.ui-dialog-titlebar-close:focus {
    315         box-shadow:
    316                 0 0 0 1px #4f94d4,
    317                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     315        box-shadow: 0 0 0 2px #3582c4;
    318316        /* Only visible in Windows High Contrast mode */
    319317        outline: 2px solid transparent;
    320318        outline-offset: -2px;

  • src/wp-includes/css/media-views.css

     
    4545}
    4646
    4747.media-frame a:focus {
    48         box-shadow:
    49                 0 0 0 1px #4f94d4,
    50                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     48        box-shadow: 0 0 0 2px #3582c4;
    5149        color: #043959;
    5250        /* Only visible in Windows High Contrast mode */
    53         outline: 1px solid transparent;
     51        outline: 2px solid transparent;
    5452}
    5553
    5654.media-frame a.button {
    … …  
    649647}
    650648
    651649.media-menu .media-menu-item:focus {
    652         box-shadow:
    653                 0 0 0 1px #4f94d4,
    654                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     650        box-shadow: 0 0 0 2px #3582c4;
    655651        color: #043959;
    656652        /* Only visible in Windows High Contrast mode */
    657         outline: 1px solid transparent;
     653        outline: 2px solid transparent;
    658654}
    659655
    660656.media-menu .separator {
    … …  
    704700}
    705701
    706702.media-router .media-menu-item:focus {
    707         box-shadow:
    708                 0 0 0 1px #4f94d4,
    709                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     703        box-shadow: 0 0 0 2px #3582c4;
    710704        color: #043959;
    711705        /* Only visible in Windows High Contrast mode */
    712         outline: 1px solid transparent;
     706        outline: 2px solid transparent;
    713707}
    714708
    715709.media-router .active,
    … …  
    20172011
    20182012.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus {
    20192013        color: #2271b1;
    2020         border-color: #4f94d4;
    2021         box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
     2014        border-color: #3582c4;
     2015        box-shadow: 0 0 0 2px #3582c4;
    20222016        /* Only visible in Windows High Contrast mode */
    20232017        outline: 2px solid transparent;
    20242018}
    … …  
    21342128}
    21352129
    21362130.mejs-container:focus {
    2137         outline: 1px solid #4f94d4;
    2138         box-shadow: 0 0 2px 1px rgba(79, 148, 212, 0.8);
     2131        outline: 1px solid #3582c4;
     2132        box-shadow: 0 0 0 2px #3582c4;
    21392133}
    21402134
    21412135.image-details .media-modal {

  • src/wp-includes/css/wp-embed-template.css

     
    216216
    217217.wp-embed-share-dialog-open:focus .dashicons,
    218218.wp-embed-share-dialog-close:focus .dashicons {
    219         box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
     219        box-shadow: 0 0 0 2px #3582c4;
    220220        border-radius: 100%;
    221221}
    222222