At work, we have a large wall projector that makes it difficult to see the dropdown hover state in light mode. This is because the contrast for the hover state is poor. To address this accessibility issue, I modified the CSS and created an example code and screenshot. If you want to maintain consistency, the blue dropdown will work well in dark mode as well.
.ThemeableItemBackgroundStructure.ThemeableItemBackgroundStructure--isHighlighted, .ThemeableItemBackgroundStructure.ThemeableItemBackgroundStructure:focus {
background-color: #4573d2;
color: white;
fill: white;
}
Below is an example of before and after.
