Linux – firefox: input field color

firefoxlinux

The input filed color in my Firefox is light gray on white background, which obviously is unreadable. I am using a dark theme, and firefox seems to take over the text color, while keeping its white background.

Anyway, I was wondering if I could change it, so that firefox uses black color for the input field text.

Best Answer

Just create/edit ~/.mozilla/firefox/YOUR-PROFILE/chrome/userContent.css so it includes:

input, textarea {
   color:#000 !important;
}

personally I also like to ensure that the background is white, and make the text a dark grey so it's softer, so I have mine set to:

input, textarea {
   color:#555 !important;
   background-color:#fff !important;
}

Note: You'll need to quit and restart Firefox before the changes show up.

Related Solutions

Change White Background in Webpages to Another Color – Firefox Guide

I just wrote a quick Greasemonkey script that checks the computed style of the body element and changes it to black (you probably want to choose a different colour):

(function () {
    if (window.getComputedStyle(document.body, null).getPropertyValue("background-color") == "rgb(255, 255, 255)") {
        console.log("Setting new background color...");
        document.body.setAttribute("style", "background-color: #000000;");
    }
})();

The problem with these types of things is that unless websites are designed extremely well, there will be blotches of white on black.

Firefox – Change Color of URL in Dropdown Menu

The solution to this without installing add-ons is to modify userChrome.css.

If userChrome.css doesn't already exist in your profile/chrome/ folder (or if the chrome folder doesn't exist either) you have to create it:

<profile>/chrome/userChrome.css

Then add something like:

.autocomplete-richlistbox {
        background: #808080 !important;
        color: #000000 !important;
}

And restart Firefox.

Best Answer

Related Solutions

Change White Background in Webpages to Another Color – Firefox Guide

Firefox – Change Color of URL in Dropdown Menu

Related Question