Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How do you change the color of the title text?

  • 5 replies
  • 7 have this problem
  • 21 views
  • Last reply by cor-el

more options

The main title text for the tap your currently on shows up centered one line above the tab row. The default is black text, with a gray drop shadow, but that doesn't work with dark background themes/personas. How do I go about changing that text color so that its visible on a dark background. I've tried changing font stylings in general for the browser, and I've tried changing the color values in the about:config for the persona, but none of that works. How do you change the color of the title text?

The main title text for the tap your currently on shows up centered one line above the tab row. The default is black text, with a gray drop shadow, but that doesn't work with dark background themes/personas. How do I go about changing that text color so that its visible on a dark background. I've tried changing font stylings in general for the browser, and I've tried changing the color values in the about:config for the persona, but none of that works. How do you change the color of the title text?

All Replies (5)

more options

orange Firefox button (or Tools menu) > Options > Content > "Colors" button

Try these links too

more options

That colors option under content doesn't change the color of the title text, but thanks anyways

more options

Can you attach a screenshot to show which color you want to change?

Use a compressed image type like PNG or JPG to save the screenshot.

more options

attached image

more options

That looks like a problem with the Persona that you use.

You can try to change the default color by editing the textcolor value in the lightweightThemes.usedThemes pref on the about:config page.
This pref stores all installed Personas and the first entry defines the settings for the selected Persona.

You may also be able to change the color only to the title bar with code in userChrome.css (possibly #titlebar {color: #xxxxxx !important;}).

The DOM Inspector (DOMi) has a menu item (Edit > Select Element By Click) and a toolbar button "Find a node to inspect by clicking on it" (left icon on the toolbar in the DOMi).

  • open the browser window in the DOMi (File > Inspect Chrome Document) and choose the first from the list.
  • click the "Find a node to inspect by clicking on it" button and use the keyboard (Alt Tab) or the Task bar to go back to the browser window (do not click in the browser window other than the title bar).
  • click that element with the mouse and keep the button pressed until you see a red border to indicate the the DOMi has located that element in the DOM tree.