The "Add" button on the "A list of all 183 Stack Exchange Sites" menu is not visible until you hover over it

Question

The "Add" and "Reset" buttons on the "A list of all 183 Stack Exchange Sites" menu are not visible until you hover over them.

To replicate this bug:

1. Click on the "A list of all 183 Stack Exchange Sites" menu in the top right of the top navigation bar

2. Click on "edit" to the right of "YOUR COMMUNITIES"
3. Type a site into the edit box, for example: "Engineering"

And now what?

Clicking ENTER or RETURN does nothing.

There does not seem to be any buttons to press.

There are two ways to proceed.

1. Either press TAB and the focus moves to the "Add" button which appears next to the edit box
2. Or move the mouse around until it hovers over the "Add" button which appears next to the edit box

It is now possible to click the "Add" button and then press the "Save" button below to save your new list of "YOUR COMMUNITIES"

Similarly, the "Reset" button is not visible until you mouse over it or you TAB to it.

I first noticed this bug on Chrome on an Android phone on MSE, and I only finally saw the location of the "Add" button when I tested it on the same Android phone on SO in Stack Overflow's Dark Mode.

On a Windows PC, on zooming the relevant area on Meta, it is just possible to make out the word "Add" where the button is:

Answer 1

This was an issue related to the new colors launched. The top navigation bar of SE uses the dark mode color classes as the default. The SE dropdown buttons were inheriting those classes even though it had a light background. We've now restored the proper color overrides needed for those buttons and the issue is resolved.