Poor and varied text/entry box colors in Firefox

[Christopher Kyle Horton]

In Firefox, text entry boxes may have several varying color schemes under Salience:
* White text on a dark background
* White text on a light background
* Black text on a dark background
* etc.

In Firefox, *all* text entry boxes should be white with black text. The sole exception should be the address bar, which should keep its current white text on a dark background look.

(Originally reported as part of bug 1013488, but since split off. That bug is now specifically for the USC; see there for earlier discussion on the issue.)

[Aditya V (kroq-gar78)]

I'm investigating solutions to this bug now. On bug 1013488, cbowman57 had posted a solution to this problem, but this will also make the address bar white with black text, too.

[Aditya V (kroq-gar78)]

One solution is to add a file called "usrContent.css" and paste these contents in there (source: http://thefire.us/archives/80 ):

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;
}

I'm not sure if we can make the CSS file system-wide or not, but I still don't like the idea of modifying something that doesn't belong to the theme through installation of the package.

[Christopher Kyle Horton (christhehorton)]

I took a look at Ambiance and in the /usr/share/themes/Ambiance/gtk-2.0/apps/ directory, there is a ff.rc file which appears to apply some sort of custom GTK theming specifically for Firefox. Maybe we could do something similar? (Currently Salience does not have such a file.)

[Aditya V (kroq-gar78)]

Thanks for the pointer! I'll look into it.

On Sun, Jul 22, 2012 at 11:43 PM, Christopher Kyle Horton <
<email address hidden>> wrote:

> I took a look at Ambiance and in the
> /usr/share/themes/Ambiance/gtk-2.0/apps/ directory, there is a ff.rc
> file which appears to apply some sort of custom GTK theming specifically
> for Firefox. Maybe we could do something similar? (Currently Salience
> does not have such a file.)
>
> --
> You received this bug notification because you are a bug assignee.
> Matching subscriptions: salience
> https://bugs.launchpad.net/bugs/1025902
>
> Title:
> Poor and varied text/entry box colors in Firefox
>
> Status in Salience GTK+ Theme:
> Triaged
>
> Bug description:
> In Firefox, text entry boxes may have several varying color schemes
> under Salience:
> * White text on a dark background
> * White text on a light background
> * Black text on a dark background
> * etc.
>
> In Firefox, *all* text entry boxes should be white with black text.
> The sole exception should be the address bar, which should keep its
> current white text on a dark background look.
>
> (Originally reported as part of bug 1013488, but since split off. That
> bug is now specifically for the USC; see there for earlier discussion
> on the issue.)
>
> To manage notifications about this bug go to:
> https://bugs.launchpad.net/salience/+bug/1025902/+subscriptions
>

[Christopher Kyle Horton (christhehorton)]

Given that this is a problem which plagues dark themes in general for which no nice solution exists, and that Chrome(ium)/Midori don't have the same issue, I'm not sure whether this is worth fixing or not, at least not by 1.0-beta. If a solution is found later, then by all means we can reconsider this.

[Christopher Kyle Horton (christhehorton)]

Now that I think about it, also lowering the status to High, because it's somewhat well-known that Firefox does not play nicely with dark themes in general, and because a workaround exists (use a different browser). I'm also hoping that when we introduce the not all-dark Salience variants that those variants will not have the same problem; after all, Ambiance doesn't.