WordPress.org

Make WordPress Core

Ticket #52257: 52257.2.diff

File 52257.2.diff, 3.6 KB (added by sabernhardt, 5 months ago)

setting only the text color for .meta-nav elements within links (plus the .custom-logo-link change)

  • 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 {
     20        .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    2221                background: #000;
    2322                color: #fff;
    2423                text-decoration: none;
    2524        }
    2625
    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 {
     26        .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
     27                color: #fff;
     28        }
     29
     30        .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
    2931                background: none;
    3032        }
    3133
  • 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 {
     20        .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    2221                background: #000;
    2322                color: #fff;
    2423                text-decoration: none;
    2524        }
    2625
    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 {
     26        .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
     27                color: #fff;
     28        }
     29
     30        .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
    2931                background: none;
    3032        }
    3133
  • 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 {
     19                .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    2120                        background: #000;
    2221                        color: #fff;
    2322                        text-decoration: none;
    2423
     24                        & .meta-nav {
     25                                color: #fff;
     26                        }
     27
    2528                        &.custom-logo-link {
    26 
    27                                 &:focus {
    28                                         background: none;
    29                                 }
     29                                background: none;
    3030                        }
    3131                }
    3232