elementary Dark not showing input boxes text with Firefox [$50]

[opensas]

I have installed Elementary Dark theme, and selected it using elementary tweaks

With Firefox there several iput boxes in which the text is very hard to see

For example, in gmail, textboxes have a dark grey background with a black font colour

In other examples, like in elementary answers page, backgound is white and the color of the font is light gray.

In google chrome works fine.

I attach a couple of pictures with the problem

Elementary version: 0.2 luna
Firefox: 27.0
chrome: 34.0.1833.5

[opensas (opensas)]

I can confirm this also happes with latest versions of firefox (29.0)
In midori and chromium it works fine

I also found that a similar bug arises in synaptic (picture attached)

[opensas (opensas)]

Just added a $ 50 bounty: https://www.bountysource.com/issues/1422575-elementary-dark-not-showing-input-boxes-text-with-firefox

[opensas (opensas)]

I filed the ticket in the wrong project

[opensas (opensas)]

Add a couple of screenshots showing the problem in firefox (gmail and elementary web page)

[opensas (opensas)]

Elementary black theme bug in elementary answers page

[opensas (opensas)]

here's a workaround some fmwangi posted on http://elementaryos.org/answers

http://elementaryos.org/answers/elementary-dark-theme-not-showing-input-text-boxes-with-firefox

bassically, create a file ~/.mozilla/firefox/*.default/chrome with the following content

--
input {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}

textarea {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}

select {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
}

input[type=“radio”],
input[type=“checkbox”] {
border: 2px inset white ! important;
background-color: white ! important;
color: ThreeDFace ! important;
-moz-appearance: none !important;
}

|::-moz-radio {
background-color: white;
-moz-appearance: none !important;
}

button,
input[type=“reset”],
input[type=“button”],
input[type=“submit”] {
border: 2px outset white;
background-color: #eeeeee;
color: black;
-moz-appearance: none !important;
}

body {
background-color: white;
color: black;
display: block;
margin: 8px;
-moz-appearance: none !important;
}
--

an then restart firefox

I guess the dark-theme installer should do the same thing, and undo it if it gets uninstalled

[Danielle Foré (danrabbit)]

This isn't a bug in the Gtk theme.

Firefox probably shouldn't try to apply the theme style to widgets in the web view.

It seems odds to me as well that the color would be applied to an input that is styled ala gmail.

But the real kicker here is that you're forcing the dark theme to apply to every app with a 3rd party app. If you mess with the theming, you're probably going to have a bad time.

[opensas (opensas)]

I understand the problem, but I don't see what could we do about it.

I noticed a similar trouble with synaptic (https://launchpadlibrarian.net/174307673/elementary_dark_theme_bug_in_synaptic.png) and with software center (http://www.picpaste.com/elementary_dark_theme-software_center-bug-pXmBWHZ7.png)

(BTW, it would be great to document all this issues somewhere and tell the user about them when he installs dark-theme. I know you are not pretty fond of wikis but...)

I wonder if the only options are to wait for every upstream to fix those issues, or go around messing with every 3rd party app.

Does this mean we will never have a flawless dark-theme on elementary? I was looking for it in Isis.

Anyway, if this issue is invalid, I'd like to use the U$S 50 for another bounty, or just donate them to elementary. Do you know if that's possible? IIRC I created it with no expiration....

[Danielle Foré (danrabbit)]

The most effective solution is not to try to apply the dark theme globally. This isn't its intended use. The dark theme is there for developers to choose to use, not for users. These kinds of bugs are appearing because the developer never intended the app to be used with the dark theme.

As far as BountySource goes, I believe once it gets updated on their side that you should get a refund

[opensas (opensas)]

Thanks a lot for the explanation, now I understand a little better how themes should be used. I also realized that the dark theme comes from an unsupported third party, so I thank you for dedicating your time to it.