Top Navigation "Project" and "Groups" dropdowns as well as mobile 3-dot-menu have unreadable text when using light theme on gitlab.com

Summary

When using the light theme, the top navigation "Project" and "Groups" dropdowns as well as mobile 3-dot-menu have unreadable text (white-on-grey) when hovered and/or focused. This does not happen with the mobile "More" button.

Steps to reproduce

1. Set the navigation theme to "Light"
2. Hover over the top navigation dropdowns (resize below breakpoint for mobile)

Example Project

(Happens on all of gitlab.com)

What is the current bug behavior?

When using the light theme, the top navigation "Project" and "Groups" dropdowns as well as mobile 3-dot-menu have unreadable text (white-on-grey) when hovered and/or focused. This does not happen with the mobile "More" button.

What is the expected correct behavior?

The text color should be black, like with the "more" button:

Relevant logs and/or screenshots

Output of checks

This bug happens on GitLab.com

Results of GitLab environment info

This bug happens on GitLab.com

Results of GitLab application Check

This bug happens on GitLab.com

Possible fixes

Use the same code from the "More" button, but I am not sure.