7

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.

Improve this question

2 Answers 2

Reset to default
12

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.

Improve this answer
5
  • that works great, thank you so much. Your solution is elegant and simple. And I don't need to install any addons.
    – Martin Vegter
    Jun 2, 2014 at 16:16
  • I have one more related question
    – Martin Vegter
    Jun 3, 2014 at 19:06
  • 2
    FYI If there is no chrome directory there, just create it. Don't use the other ones in the subpaths.
    – Dagelf
    Apr 15, 2017 at 8:08
  • An alternative to editing userContent.css, which doesn't requiring restarting Firefox every time you edit the style, is writing a style for the Stylish add-on
    – mic
    Oct 1, 2020 at 1:01
  • @mic That is also a good idea, but note that Stylish will not help with any fields within Firefox itself, like userContent.css and userChrome.css will.
    – End Anti-Semitic Hate
    Oct 29, 2020 at 21:47
2

One alternative is to use a Greasemonkey script: 

// ==UserScript== 
// @name           Style Corrector
// @author         Nufros (loosely based on Color Corrector by Erik Nomitch)
// @description    Style Corrector (by Nufros) allow you to edit colors, (...)
// @namespace      userscripts.org/scripts/show/36850
// @include        *
// @exclude        http://*.deviantart.com/*
// @exclude        http://*.myspace.tld/*
// @exclude        http://*.youtube.tld/*
// ==/UserScript==

// Visit the script's page for the full script

GM_addStyle("input { color: #bfbfbf; background-color: #222222 !important; }");
GM_addStyle("textarea { color:#bfbfbf; background-color: #222222 !important;}");
Improve this answer
2

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .