Get WordPress

Make WordPress Core

Ticket #51870: 51870.5.diff

File 51870.5.diff, 19.0 KB (added by joedolson, 6 months ago)

Switch color to match inputs and buttons

  • 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 #2271b1;
     283        /* Only visible in Windows High Contrast mode */
     284        outline: 2px solid transparent;
    287285}
    288286
    289287#adminmenu a:focus {
    … …  
    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:
     846       
     847        ;
    850848}
    851849
    852850.key-labels label {
    … …  
    14601458}
    14611459
    14621460.notice-dismiss:focus {
    1463         outline: none;
    1464         box-shadow:
    1465                 0 0 0 1px #4f94d4,
    1466                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     1461        box-shadow: 0 0 0 2px #2271b1;
     1462        /* Only visible in Windows High Contrast mode */
     1463        outline: 2px solid transparent;
    14671464}
    14681465
    14691466.notice-success,
    … …  
    17641761}
    17651762
    17661763#screen-meta-links .show-settings:focus {
    1767         border-color: #4f94d4;
    1768         box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
     1764        border-color: #2271b1;
     1765        box-shadow: 0 0 0 1px #2271b1;
     1766        /* Only visible in Windows High Contrast mode */
     1767        outline: 2px solid transparent;
    17691768}
    17701769
    17711770#screen-meta-links .show-settings:active {
    … …  
    21032102.postbox .handle-order-higher,
    21042103.postbox .handle-order-lower,
    21052104.postbox .handlediv {
    2106         width: 36px;
    2107         height: 36px;
     2105        width: ;
     2106        height: ;
    21082107        margin: 0;
    21092108        padding: 0;
    21102109        border: 0;
    … …  
    31463145.postbox .handle-order-higher:focus,
    31473146.postbox .handle-order-lower:focus,
    31483147.postbox .handlediv:focus {
    3149         box-shadow:
    3150                 0 0 0 1px #4f94d4,
    3151                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     3148        box-shadow: inset 0 0 0 2px #2271b1;
     3149        border-radius: 50%;
    31523150        /* Only visible in Windows High Contrast mode */
    3153         outline: 1px solid transparent;
     3151        outline: px solid transparent;
    31543152}
    31553153
    31563154.postbox .handle-order-higher:focus .order-higher-indicator::before,
    … …  
    32493247[role="treeitem"] {
    32503248        outline: 0;
    32513249}
     3250
     3251
    32523252[role="treeitem"] .folder-label.focus {
    32533253        color: #043959;
    3254         box-shadow:
    3255                 0 0 0 1px #4f94d4,
    3256                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     3254        /* Reset default focus style. */
     3255        box-shadow: none;
     3256        /* Use an inset outline instead, so it's visible also over the current file item. */
     3257        outline: 2px solid #2271b1;
     3258        outline-offset: -2px;
    32573259}
     3260
    32583261[role="treeitem"].hover,
    32593262[role="treeitem"] .folder-label.hover {
    32603263        background-color: #f0f0f1;
    … …  
    33963399        text-decoration: none;
    33973400}
    33983401
     3402
     3403
     3404
     3405
    33993406#templateside li:not(.howto) > a:first-of-type {
    34003407        padding-top: 0;
    34013408}
    … …  
    34813488.accordion-section-title:hover:after {
    34823489        color: #1d2327;
    34833490        /* Only visible in Windows High Contrast mode */
    3484         outline: 1px solid transparent;
     3491        outline: px solid transparent;
    34853492}
    34863493
    34873494.widget-top .widget-action:focus .toggle-indicator:before {
    3488         box-shadow:
    3489                 0 0 0 1px #4f94d4,
    3490                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     3495        box-shadow:
     3496       
     3497        ;
    34913498}
    34923499
    34933500.control-section .accordion-section-title:after,

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

     
    15661566}
    15671567
    15681568.customize-control-header .choice:focus {
    1569         outline: none;
    1570         box-shadow:
    1571                 0 0 0 1px #4f94d4,
    1572                 0 0 3px 1px rgba(79, 148, 212, 0.8);
     1569        box-shadow: 0 0 0 2px #2271b1;
     1570        /* Only visible in Windows High Contrast mode */
     1571        outline: 2px solid transparent;
    15731572}
    15741573
    15751574.customize-control-header .uploaded div:last-child > .choice {
    … …  
    26792678
    26802679#available-widgets-filter .clear-results:focus,
    26812680#available-menu-items-search .clear-results:focus {
    2682         box-shadow:
    2683                 0 0 0 1px #4f94d4,
    2684                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     2681        box-shadow:
     2682       
     2683        ;
    26852684}
    26862685
    26872686#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: px 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:
     868       
     869        ;
    870870}
    871871
    872872

  • 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);
    1297         outline: 0 none;
     1296        box-shadow: inset 0 0 0 2px #2271b1;
     1297        /* Only visible in Windows High Contrast mode */
     1298        outline: 2px solid transparent;
    12981299}
    12991300
    13001301#front-page-warning,

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

     
    679679        border-color: #68de7c;
    680680}
    681681
     682
     683
     684
     685
     686
     687
     688
    682689.pw-weak {
    683690        display: none;
    684691}

  • 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:
     30       
     31        ;
    3232}
    3333
    3434h1, h2 {

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

     
    261261}
    262262
    263263th .comment-grey-bubble {
    264         height: 16px;
    265264        width: 16px;
     265
     266
     267
    266268}
    267269
    268270th .comment-grey-bubble:before {
    … …  
    343345
    344346.fixed .column-comments {
    345347        width: 5.5em;
    346         padding: 8px 0;
    347348        text-align: left;
    348349}
    349350
    … …  
    537538}
    538539
    539540.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);
     541        box-shadow:
     542       
     543        ;
    543544}
    544545
    545546.wp-list-table .toggle-row:active {
    … …  
    650651        padding: 8px;
    651652}
    652653
    653 .fixed .column-comments.sortable a,
    654 .fixed .column-comments.sorted a {
    655         padding: 8px 0;
     654th.sortable a:focus,
     655th.sorted a:focus {
     656        box-shadow: inset 0 0 0 2px #2271b1;
     657        /* Only visible in Windows High Contrast mode */
     658        outline: 2px solid transparent;
    656659}
    657660
    658661th.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:
     36       
     37        ;
    3838}
    3939
    4040p {

  • 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 #2271b1;
    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 #2271b1;
    539535        /* Only visible in Windows High Contrast mode */
    540536        outline: 2px solid transparent;
    541537        outline-offset: -6px;
    … …  
    11721168
    11731169.image-editor .imgedit-settings .imgedit-help-toggle:focus {
    11741170        color: #2271b1;
    1175         border-color: #4f94d4;
    1176         box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
     1171        border-color: #;
     1172        box-shadow: 0 0 ;
    11771173        /* Only visible in Windows High Contrast mode */
    11781174        outline: 2px solid transparent;
    11791175}

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

     
    103103
    104104#nav-menu-bulk-actions-bottom {
    105105        margin: 1em 0;
    106         margin: calc( 1em + 9px ) 0 ;
     106        margin: calc( 1em + 9px ) 0
    107107}
    108108
    109109.bulk-actions input.button {
    … …  
    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:
     736       
     737        ;
    738738}
    739739
    740740/* Menu editing */
    … …  
    991991
    992992@media only screen and (min-width: 783px) {
    993993    @supports (position: sticky) and (scroll-margin-bottom: 130px) {
    994                
     994
    995995                #nav-menu-footer {
    996996                position: sticky;
    997997                                bottom: 0;

  • 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 px #2271b1;
    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: #2271b1;
     184        box-shadow: 0 0 0 1px #2271b1;
     185        /* Only visible in Windows High Contrast mode */
     186        outline: 2px solid transparent;
    185187}
    186188
    187189.theme-browser .theme.focus .more-details {
    … …  
    15861588
    15871589.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
    15881590.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);
     1591        box-shadow:
     1592       
     1593        ;
    15921594}
    15931595
    15941596.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:
     340       
     341        ;
    342342}
    343343
    344344.sidebar-name h2,

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

     
    215215
    216216.wp-core-ui .button-link:focus {
    217217        color: #043959;
    218         box-shadow:
    219                 0 0 0 1px #4f94d4,
    220                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     218        box-shadow: 0 0 0 2px #2271b1;
    221219        /* Only visible in Windows High Contrast mode */
    222         outline: 1px solid transparent;
     220        outline: px solid transparent;
    223221}
    224222
    225223.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 #2271b1;
     91        /* Only visible in Windows High Contrast mode */
     92        outline: 2px solid transparent;
    9293}
    9394
    9495.mce-window .mce-window-head .mce-dragh {
    … …  
    113114.mce-checkbox:focus i.mce-i-checkbox,
    114115#wp-link .query-results:focus {
    115116        border-color: #4f94d4;
    116         box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
     117        box-shadow: 0 0 0 2px #2271b1;
     118        /* Only visible in Windows High Contrast mode */
     119        outline: 2px solid transparent;
    117120}
    118121
    119122.mce-window .mce-wp-help {
    … …  
    409412.qt-dfw:hover,
    410413.qt-dfw:focus {
    411414        background: #f6f7f7;
    412         border-color: #50575e;
    413415        color: #1d2327;
    414         box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
    415         outline: none;
     416        box-shadow: 0 0 0 2px #2271b1;
     417        /* Only visible in Windows High Contrast mode */
     418        outline: 2px solid transparent;
    416419}
    417420
    418421.mce-toolbar .mce-btn-group .mce-btn.mce-active,
    … …  
    420423.qt-dfw.active {
    421424        background: #f0f0f1;
    422425        border-color: #50575e;
    423         box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);
    424426}
    425427
    426428.mce-btn.mce-active,
    … …  
    532534        direction: ltr;
    533535        background: #fff;
    534536        border: 1px solid #dcdcde;
    535         box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2);
    536537}
    537538
    538539.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
    539540.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
    540         border-color: #c3c4c7;
     541        box-shadow: 0 0 0 2px #2271b1;
     542        /* Only visible in Windows High Contrast mode */
     543        outline: 2px solid transparent;
    541544}
    542545
    543546.mce-panel .mce-btn i.mce-caret {
    … …  
    635638
    636639.mce-menubar .mce-menubtn:focus {
    637640        color: #043959;
    638         box-shadow:
    639                 0 0 0 1px #4f94d4,
    640                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     641        box-shadow:
     642       
     643        ;
    641644}
    642645
    643646div.mce-menu .mce-menu-item-sep,
    … …  
    11311134}
    11321135
    11331136.wp-switch-editor:focus {
    1134         box-shadow:
    1135                 0 0 0 1px #4f94d4,
    1136                 0 0 2px 1px rgba(79, 148, 212, 0.8);
    1137         outline: none;
     1137        box-shadow: 0 0 0 2px #2271b1;
     1138        /* Only visible in Windows High Contrast mode */
     1139        outline: 2px solid transparent;
    11381140        color: #1d2327;
    11391141}
    11401142
    … …  
    14451447}
    14461448
    14471449#wp-link-close:focus {
    1448         outline: none;
    1449         box-shadow:
    1450                 0 0 0 1px #4f94d4,
    1451                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     1450        box-shadow: 0 0 0 2px #2271b1;
    14521451        /* Only visible in Windows High Contrast mode */
    14531452        outline: 2px solid transparent;
    14541453        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 #2271b1;
    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 #2271b1;
    5149        color: #043959;
    5250        /* Only visible in Windows High Contrast mode */
    53         outline: 1px solid transparent;
     51        outline: px 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 #2271b1;
    655651        color: #043959;
    656652        /* Only visible in Windows High Contrast mode */
    657         outline: 1px solid transparent;
     653        outline: px 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 #2271b1;
    710704        color: #043959;
    711705        /* Only visible in Windows High Contrast mode */
    712         outline: 1px solid transparent;
     706        outline: px 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: #;
     2015        box-shadow: 0 0 ;
    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 #;
     2132        box-shadow: 0 0 ;
    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 #2271b1;
     220        /* Only visible in Windows High Contrast mode */
     221        outline: 2px solid transparent;
    220222        border-radius: 100%;
    221223}
    222224

  • src/wp-includes/functions.php

     
    39053905                        font-size: 14px ;
    39063906                }
    39073907                a {
    3908                         color: #0073aa;
     3908                        color: #;
    39093909                }
    39103910                a:hover,
    39113911                a:active {
    3912                         color: #006799;
     3912                        color: #;
    39133913                }
    39143914                a:focus {
    3915                         color: #124964;
    3916                         -webkit-box-shadow:
    3917                                 0 0 0 1px #5b9dd9,
    3918                                 0 0 2px 1px rgba(30, 140, 190, 0.8);
    3919                         box-shadow:
    3920                                 0 0 0 1px #5b9dd9,
    3921                                 0 0 2px 1px rgba(30, 140, 190, 0.8);
    3922                         outline: none;
     3915                        color: #043959;
     3916                        box-shadow: 0 0 0 2px #2271b1;
     3917                        outline: 2px solid transparent;
    39233918                }
    39243919                .button {
    39253920                        background: #f3f5f6;