[Hever] Lighter Primary Colors leads to unexpected white background on dropdown menu :hover state

[Robertght]

Quick summary

When setting the same color for primary and the secondary options, the submenus will become invisible on hover.

Steps to reproduce

1. Activate Hever
2. Change the primary and secondary color to be something like #ee6753
3. Make sure you have a drop down menu on the site
4. Save and check the results

What you expected to happen

To the menus to at least remain the same on hover

What actually happened

The menu items become invisible on hover.

Impact

One

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple

Logs or notes

As a workaround setting one of the two color with a slightly different variation will help.

5871348-zen

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 5871348-zen

[cuemarie]

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

• Tested on Simple: Replicated - sort of
• Tested on AT: Replicated - sort of

📌 FINDINGS/SCREENSHOTS/VIDEO

• Through testing, I found that the secondary color has no impact on this issue. The underlying issue seems to just be that when a lighter color is set as the Primary color, at first the dropdown menu's :hover state shows a faded version of that color, but the live site (and the customizer after refreshing) actually show a white background on the dropdown menu's :hover state

AT Example

https://user-images.githubusercontent.com/27249804/224513626-e4f92966-1594-4eaf-bf84-7cd8ee49ab5f.mp4

📌 ACTIONS

• Marked as Triaged for Quality Squad review
• Transferred to themes repo
• Added to 'Bug Scrub Planning' project board
• Updated title