[wp-trac] [WordPress Trac] #52257: Twenty Twenty-One:Transparent png logo isn’t visible on focus

[WordPress Trac]

#52257: Twenty Twenty-One:Transparent png logo isn’t visible on focus
---------------------------+-----------------------
 Reporter:  bduclos        |       Owner:  antpb
     Type:  defect (bug)   |      Status:  reopened
 Priority:  normal         |   Milestone:  5.7
Component:  Bundled Theme  |     Version:  5.6
 Severity:  normal         |  Resolution:
 Keywords:  has-patch      |     Focuses:  css
---------------------------+-----------------------

Comment (by sabernhardt):

 @poena Is one of these options like how you wanted to simplify the focus
 styles?

 [attachment:"52257.1.diff"] removes the `.meta-nav.custom-logo-link` style
 and the second `:focus` pseudo-class on the logo link.
 {{{
         .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-
 button__link):not(.wp-block-file__button).custom-logo-link
 }}}

 [attachment:"52257.2.diff"] also sets the `.meta-nav` text color only,
 without the background and text-decoration styles given to the link
 elements. The white color needs to override the post navigation links'
 color `var(--wp--style--color--link, var(--global--color-background))`.
 {{{
         .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-
 button__link):not(.wp-block-file__button) .meta-nav {
                 color: #fff;
         }
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52257#comment:12>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform