Firefox tooltip with terrible colors

Problem

The tooltip used by Firefox was being shown in terrible and unreadable colors. It was black foreground text on black background!

Solution

This was on an Ubuntu computer where the desktop environment had been switched around between Unity, XFCE (Xubuntu) and finally KDE (Kubuntu). I realized that the tooltip in Firefox was being rendered by the desktop environment and was using its theme. And possibly the theme settings had been mauled to death by the switch between desktop environments.

To set this right, in KDE I opened the System Settings application. Here I found my way to Application Appearance → Colors dialog. Here go to Colors tab → Tooltip. You can pick the colors you want from the dropdown and click Apply once done. They should be reflected in Firefox tooltips immediately after this.

Tried with: Firefox 55.0.2 and Ubuntu 16.04