This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Dropdown list text color

more options

I'm currently running Firefox v 112.0.2 on Linux. I've had a theme installed for a while now that I really enjoy. It's a minimalist theme I found on github and then I topped it off with some colors that suite my desktop theme.

The ONLY issue I am having is with the dropdown menus. I can't see any of the list items and I cannot for the life of me figure out where to modify these colors. Searching has only gotten me more confused.

Photo is attached. I'm hoping that changing the text color here is an easy fix. The colors are all fine in other dropdown-ish menus, like bookmark folders for example.

Thanks in advance for any advice.

I'm currently running Firefox v 112.0.2 on Linux. I've had a theme installed for a while now that I really enjoy. It's a minimalist theme I found on github and then I topped it off with some colors that suite my desktop theme. The ONLY issue I am having is with the dropdown menus. I can't see any of the list items and I cannot for the life of me figure out where to modify these colors. Searching has only gotten me more confused. Photo is attached. I'm hoping that changing the text color here is an easy fix. The colors are all fine in other dropdown-ish menus, like bookmark folders for example. Thanks in advance for any advice.
Attached screenshots

Chosen solution

I went digging through all the CSS files for my theme. In the parts.css file I found

menuitem, menupopup menu { -moz-appearance: none !important; padding: 4px 8px !important; border: none !important; box-shadow: none !important; color: #ebdbb2;}

Added the color line and we're good to go!

Read this answer in context 👍 0

All Replies (1)

more options

Chosen Solution

I went digging through all the CSS files for my theme. In the parts.css file I found

menuitem, menupopup menu { -moz-appearance: none !important; padding: 4px 8px !important; border: none !important; box-shadow: none !important; color: #ebdbb2;}

Added the color line and we're good to go!