[wp-trac] [WordPress Trac] #63921: Twenty Fifteen: Navigation Block Submenu Color Settings (was: Issue with Submenu Color Settings in Navigation Block – Twenty Fifteen Theme)

[WordPress Trac]

#63921: Twenty Fifteen: Navigation Block Submenu Color Settings
---------------------------+------------------------------
 Reporter:  viralsampat    |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  6.2
 Severity:  normal         |  Resolution:
 Keywords:  needs-patch    |     Focuses:  css
---------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:  needs-testing 2nd-opinion dev-feedback needs-patch => needs-
     patch
 * focuses:  ui, css => css
 * version:   => 6.2


Comment:

 WordPress 6.2 moved the color classes from the `li` elements to the
 submenu `ul` (GB48219).

 The
 [https://github.com/WordPress/gutenberg/blob/5a096cc31bc0c6b8c95077eadd7418b4999898d1/packages
 /block-library/src/navigation/style.scss#L414-L436 fallback colors] have
 three classes for their selectors.
 {{{
 .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-
 container{
   background-color:#fff;
   border:1px solid #00000026;
 }
 .wp-block-navigation.has-background .wp-block-navigation__submenu-
 container{
   background-color:inherit;
 }
 .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-
 container{
   color:#000;
 }
 }}}

 Twenty Fifteen's [https://github.com/WordPress/wordpress-
 develop/blob/38be7a2b48633c8d72e05c905c0b51c78edc0bb2/src/wp-
 content/themes/twentyfifteen/css/blocks.css#L581-L727 color classes] only
 use one class in the selector, such as `.has-dark-gray-color`.

 The theme theoretically could increase all of them to something like
 `:root .has-dark-gray-color[class]` or `:root .has-dark-gray-color.has-
 dark-gray-color`, but then other themes would need to increase specificity
 to three classes too.

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