WordPress.org

Make WordPress Core

Ticket #52257: 52257.diff

File 52257.diff, 9.4 KB (added by ryelle, 5 months ago)
  • src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css

     
    351351}
    352352
    353353.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    354         color: #d1e4dd;
     354        background: #000;
     355        color: #fff;
     356        text-decoration: none;
    355357}
    356358
    357359.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    358         color: #d1e4dd;
     360        color: #fff;
    359361}
    360362
    361363.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     
    379381        background-color: #f1f1f1;
    380382}
    381383
    382 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
     384.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
    383385        background: none;
    384386}
    385387
  • src/wp-content/themes/twentytwentyone/assets/css/ie.css

     
    21922192}
    21932193
    21942194.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    2195         color: #d1e4dd;
     2195        background: #000;
     2196        color: #fff;
     2197        text-decoration: none;
    21962198}
    21972199
    21982200.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    2199         color: #d1e4dd;
     2201        color: #fff;
    22002202}
    22012203
    22022204.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     
    22202222        background-color: #f1f1f1;
    22212223}
    22222224
    2223 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
     2225.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
    22242226        background: none;
    22252227}
    22262228
  • src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css

     
    1717                --table--stripes-background-color: rgba(240, 240, 240, 0.15);
    1818        }
    1919
    20         .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
    21         .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    22                 background: #000;
    23                 color: #fff;
    24                 text-decoration: none;
    25         }
    26 
    27         .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus,
    28         .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav.custom-logo-link:focus {
    29                 background: none;
    30         }
    31 
    3220        .is-dark-theme.is-dark-theme img {
    3321                filter: brightness(0.85) contrast(1.1);
    3422        }
  • src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css

     
    1717                --table--stripes-background-color: rgba(240, 240, 240, 0.15);
    1818        }
    1919
    20         .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
    21         .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    22                 background: #000;
    23                 color: #fff;
    24                 text-decoration: none;
    25         }
    26 
    27         .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus,
    28         .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav.custom-logo-link:focus {
    29                 background: none;
    30         }
    31 
    3220        .is-dark-theme.is-dark-theme img {
    3321                filter: brightness(0.85) contrast(1.1);
    3422        }
  • src/wp-content/themes/twentytwentyone/assets/css/style-editor.css

     
    488488        background: rgba(255, 255, 255, 0.9);
    489489}
    490490
    491 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
     491.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     492        background: var(--global--color-black);
     493        color: var(--global--color-white);
     494        text-decoration: none;
     495}
     496
    492497.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    493         color: var(--wp--style--color--link, var(--global--color-background));
     498        color: var(--wp--style--color--link, var(--global--color-white));
    494499}
    495500
    496501.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     
    514519        background-color: #f1f1f1;
    515520}
    516521
    517 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
     522.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
    518523        background: none;
    519524}
    520525
  • src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss

     
    2525        background: rgba(255, 255, 255, .9);
    2626
    2727        // Change text color when the body background is dark.
    28         .is-dark-theme &,
    29         .is-dark-theme & .meta-nav {
    30                 color: var(--wp--style--color--link, var(--global--color-background));
     28        .is-dark-theme & {
     29                background: var(--global--color-black);
     30                color: var(--global--color-white);
     31                text-decoration: none;
     32
     33                .meta-nav {
     34                        color: var(--wp--style--color--link, var(--global--color-white));
     35                }
    3136        }
    3237
    3338        // Change colors when the body background is white.
     
    5358        }
    5459
    5560        &.custom-logo-link {
    56 
    57                 &:focus {
    58                         background: none;
    59                 }
     61                background: none;
    6062        }
    6163
    6264        img {
  • src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss

     
    1616                --table--stripes-border-color: rgba(240, 240, 240, 0.15);
    1717                --table--stripes-background-color: rgba(240, 240, 240, 0.15);
    1818
    19                 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
    20                 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    21                         background: #000;
    22                         color: #fff;
    23                         text-decoration: none;
    24 
    25                         &.custom-logo-link {
    26 
    27                                 &:focus {
    28                                         background: none;
    29                                 }
    30                         }
    31                 }
    32 
    3319                img {
    3420                        filter: brightness(.85) contrast(1.1);
    3521                }
  • src/wp-content/themes/twentytwentyone/style-rtl.css

     
    16601660        background: rgba(255, 255, 255, 0.9);
    16611661}
    16621662
    1663 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
     1663.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     1664        background: var(--global--color-black);
     1665        color: var(--global--color-white);
     1666        text-decoration: none;
     1667}
     1668
    16641669.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    1665         color: var(--wp--style--color--link, var(--global--color-background));
     1670        color: var(--wp--style--color--link, var(--global--color-white));
    16661671}
    16671672
    16681673.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     
    16861691        background-color: #f1f1f1;
    16871692}
    16881693
    1689 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
     1694.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
    16901695        background: none;
    16911696}
    16921697
  • src/wp-content/themes/twentytwentyone/style.css

     
    16701670        background: rgba(255, 255, 255, 0.9);
    16711671}
    16721672
    1673 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
     1673.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     1674        background: var(--global--color-black);
     1675        color: var(--global--color-white);
     1676        text-decoration: none;
     1677}
     1678
    16741679.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    1675         color: var(--wp--style--color--link, var(--global--color-background));
     1680        color: var(--wp--style--color--link, var(--global--color-white));
    16761681}
    16771682
    16781683.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     
    16961701        background-color: #f1f1f1;
    16971702}
    16981703
    1699 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
     1704.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
    17001705        background: none;
    17011706}
    17021707