This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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 I switch off the Menu Bar font shadowing in a theme

  • 3 cavab
  • 2 have this problem
  • 1 view
  • Last reply by cor-el

more options

The themes I am used to using have now (Firefox 33.0 Linux) black font with shadowing. How can I turn off the shadowing? Using the Theme Font Size addon does not give me the options I need. I don't really want to change themes to something else.

The themes I am used to using have now (Firefox 33.0 Linux) black font with shadowing. How can I turn off the shadowing? Using the Theme Font Size addon does not give me the options I need. I don't really want to change themes to something else.

All Replies (3)

more options

Is that happening when you use a lightweight theme (Persona)?

You can try to edit the textcolor and possibly the accentcolor of the theme(s) as stored in the lightweightThemes.usedThemes pref.


The colors of the currently selected Persona are stored as the first entry in the lightweightThemes.usedThemes pref as textcolor and accentcolor. The data of other installed Personas are stores in following records in this pref in JSON format (backslashes are escaped as \"). You can edit that pref and set another value for the "textcolor":"#ffffff" part (e.g. "textcolor":"#000000").

You can open the about:config page via the location/address bar. You can accept the warning and click "I'll be careful" to continue.

more options

You can try changing/creating the userChrome.css and set the font for the menubar to your liking. The following articles contains more information.

For example, yours can use:


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/*change size, color, style of text in Menu Bar */ menubar > menu {color: black !important}


Alternatively, you can create your own style using the Stylish extension:

Be sure to restart Firefox to see your changes.

more options

You can also add a rule to disable the text-shadow in addition to setting the (text) color.

@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#navigator-toolbox .menubar-text { text-shadow: none !important; }