1808890 - Menu item highlight on hover is not the same color when using the generated themes as when using privileged themes

Status: RESOLVED WONTFIX

(Firefox :: Theme, defect)

Description

[Alex Cornestean]

Attachment: 2023-01-06_12h43_46.mp4

Description:
Menu items highlight on hovering the mouse cursor over them is of different colors when using generated themes as opposed to privileged themes. Highlight is gray on generated themes and colored using the accent color on privileged themes.

Affected areas:

• Hamburger menu and sub-menus
• Unified Extensions Button panel
• “List all tabs” button panel (far right downward facing arrow button)
• “Site information” panel (lock icon left of URL or “Nightly/Firefox” box left of URL when on privileged pages such as about:addons)
• “Protections” panel (shield icon left of URL)
• Downloads panel

See the attached video for more details. Note that the privileged theme is on the left and the generated theme is on the right in the video attachment.

Steps to reproduce:

1. Prepare two instances of Nightly with new profiles
2. Access about:config on both and set extensions.experiments.enable to true
3. Restart the browsers to apply the above pref
4. Load a pair of the same generated and privileged theme in the browsers via about:debugging
5. Access the above mentioned affected areas and observe the difference between the highlight of menu items when hovering over them while using the generated/privileged themes

Actual:
Generated themes menu items highlight on hover colors are different from the ones used by the privileged theme.

Expected:
Generated theme menu items highlight on hover should use the same colors as in the case of the privileged theme.

Comment 1

[Alex Cornestean]

Update:
The Unified Extensions Panel "Gear" button is also affected by the issue.

Comment 2

[Alex Cornestean]

The affected generated themes are:

independent-voices – activist-balanced-colorway
independent-voices – activist-bold-colorway
independent-voices – activist-soft-colorway
independent-voices – dreamer-balanced-colorway
independent-voices – dreamer-bold-colorway
independent-voices – dreamer-soft-colorway
independent-voices – expressionist-balanced-colorway
independent-voices – expressionist-bold-colorway
independent-voices – expressionist-soft-colorway
independent-voices – innovator-balanced-colorway
independent-voices – innovator-bold-colorway
independent-voices – innovator-soft-colorway
independent-voices – playmaker-balanced-colorway
independent-voices – playmaker-bold-colorway
independent-voices – playmaker-soft-colorway
independent-voices – visionary-balanced-colorway
independent-voices – visionary-bold-colorway
independent-voices – visionary-soft-colorway
life-in-color—abstract-balanced-colorway
life-in-color—abstract-bold-colorway
life-in-color—abstract-soft-colorway
life-in-color—cheers-balanced-colorway
life-in-color—cheers-bold-colorway
life-in-color—cheers-soft-colorway
life-in-color—elemental-balanced-colorway
life-in-color—elemental-bold-colorway
life-in-color—elemental-soft-colorway
life-in-color—foto-balanced-colorway
life-in-color—foto-bold-colorway
life-in-color—foto-soft-colorway
life-in-color—graffiti-balanced-colorway
life-in-color—graffiti-bold-colorway
life-in-color—graffiti-soft-colorway
life-in-color—lush-balanced-colorway
life-in-color—lush-bold-colorway
life-in-color—lush-soft-colorway
true-colors—2022blue-colorway
true-colors—2022green-colorway
true-colors—2022orange-colorway
true-colors—2022purple-colorway
true-colors—2022red-colorway
true-colors—2022yellow-colorway

In the case of the below themes, the difference in color for the menu item highlight between the privileged and generated themes is almost insignificant. The used colors are almost identical, though a slight difference can be seen.

• life-in-color—abstract-bold-colorway
• life-in-color—cheers-bold-colorway
• life-in-color—elemental-bold-colorway

Comment 3

[Dão Gottwald [:dao]]

This is fine as-is / expected, in line with third-party webextension themes.