How to change color of button labels - M-Reimer/prefbar GitHub Wiki

Sometimes it may be useful to be able to change the color of the text labels on the PrefBar button group. In the following we will change the color to "gray" but you may use any color you like.

• At first we need the location where we may store a "userChrome.css" file. We'll need it for the CSS hack, we need to chang text colors. The file has to be placed into the subdirectory "chrome" of your profile directory. Mozillazine has instructions on how to find your profile:

  https://kb.mozillazine.org/Profile_folder

  In the right directory, you may already find a "userChrome-example.css". If you have it, then it's the right directory to create a new file, named "userChrome.css" and open it in the editor of your choice.

• Now, as we have an open editor with our "userChrome.css" file, we can go on with adding the CSS, we need:

  #prefbar-buttons toolbaritem > *,
  #prefbar-buttons .toolbarbutton-text,
  #prefbar-buttons description
  {
    color: gray !important;
  }
  

• If you've added the CSS information to userChrome.css, then save the file and restart SeaMonkey/Firefox for the changes to take affect.