Dropdown menu is all black with a dark KDE/Firefox theme

[kleinbottle]

Summary

The dropdown menu is all black and illegible when used with a KDFE/Firefox dark theme.

Reproduction Steps

Expected Behavior

• Dropdown box has visible text.

Actual Behavior

• Dropdown box has invisible text because background and foreground are both black.

Reproducible Environment

• Browser (Version): Firefox 59.0.2
• Operating System (Version): Linux kernel 4.14.31-1-MANJARO
  DISTRIB_ID=ManjaroLinux
  DISTRIB_RELEASE=17.1.7
  DISTRIB_CODENAME=Hakoila
  DISTRIB_DESCRIPTION="Manjaro Linux"
• System Language: English en_IN
• Example Webpage (if applicable): see attached screenshot below.

[yorkxin]

I don't have the environment you have. Could you attach a screenshot?

[kleinbottle]

I was unable to directly capture the screenshot because the dropdown box disappeared on the next click after what made it appear.

Instead, here is a screenshot taken on my mobile phone that shows what I see.

Do let me know if you need any further input.

Thanks.

[yorkxin]

Thanks. Could you provide the link to that theme? Or is it a built-in theme?

[kleinbottle]

It is built-in theme called "Dark" by Mozilla.

[vayulove]

I have the exact same issue. KDE with a dark theme the popup has a dark background with black text. The background matches the rest of the browser, it's the foreground text that should be white or a light gray.

If you could just give me the css selector that would work in UserChrome.css that could help.
I've tried this but it didn't work:

div.panel.panel-section.panel-list-item.text {
color: #fff !important;
}

[yorkxin]

This extension uses Firefox's built-in CSS for the browser action popup page. If it doesn't work well on your desktop environment, please check https://bugzilla.mozilla.org/ and file a ticket on Firefox project.