1936829 - Menu item don't have the right color when they're hovered

Status: RESOLVED FIXED

(DevTools :: General, defect)

Description

[Nicolas Chevobbe [:nchevobbe]]

https://searchfox.org/mozilla-central/rev/39e6d5b609b74a19c0824d98ae654b60d6310152/devtools/client/themes/tooltips.css#613,620-622

.menuitem > button.command:is([role="menuitem"],[role="menuitemcheckbox"],[role="link"]) {
...
  &:not([disabled]) {
    color: var(--theme-arrowpanel-color);
  }

has a higher specificity than the rule that we want to be applied https://searchfox.org/mozilla-central/rev/39e6d5b609b74a19c0824d98ae654b60d6310152/devtools/client/themes/tooltips.css#554,569-572

.menuitem > .command {
...
  &:not([disabled],[open],:active):hover {
    background-color: var(--theme-popup-hover-background);
    color: var(--theme-popup-hover-color);
  }

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Bug 1936829 - [devtools] Lower specificity of a rule to fix menu item hover color in High Contrast Mode. r=#devtools.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/169694a06005
[devtools] Lower specificity of a rule to fix menu item hover color in High Contrast Mode. r=devtools-reviewers,bomsy.

Comment 3

[agoloman]

https://hg.mozilla.org/mozilla-central/rev/169694a06005