Userscripts - Colored Bar *Customizable*

By Timothy Last update Jan 1, 2008 — Installed 1,161 times.


Script Summary: Changes the bright orange color of Userscripts.org to a different color.

Description

This script changes the orange bar across the top to a different color, of your choice, it includes 5 preset colors, and it is easy to choose which one you want, and its also not hard to program your own colors.

Just add the code below to the bottom of the script. If you want to keep all the color variables together, put the "var color = "mycolor";" at the top with the other colors so if you end up with like 20 colors, your not scrolling through the script to find them.

How to Customize

  • To customize go to the little monkey face in the bar at the bottom of Firefox.
  • Right-Click on it and go to "Manage User Scripts..."
  • Find the script titled "Userscripts - Colored Bar *Customizable*" select it.
  • Then click the 'Edit' button below the white box with the scripts in it.
  • If it's your first time editing a script, you may have to pick an editing tool, pick Notepad.
  • Read the text under "EDIT HERE" for further instructions.
  • Code for Custom colors

    var color = "mycolor";
    
    if(color=="mycolor"){
    document.getElementById('header').style.backgroundColor = '#HEXCODEHERE';
    var images = document.getElementsByTagName("img");
    for (var i = 0; i < images.length; i++) {
      var elem = images[i];
      if (elem.src == "http://static.userscripts.org/images/userscripts.org.png?1173055699")
        elem.src = "YOUR IMAGE URL HERE";
    }}

    Updates

    April

  • Edited it to include the "Error page" about the monkey playing with the cat. But you can get my other script, and you will never see that page again.
  • Added a new theme, black logo, custom text.
  • July

  • Fixed problem with the image not working after each reload, due to the number changing. Thanks to InsaneNinja
  • Removed excess code that wasn't needed. Added a new theme, called Custom2 which is a light blue color with custom text, and a slight glow was added to the text to make it look soft to fit well with the light blue. Custom2 replaced the black theme, named Custom, as the new default theme of the script. Also decided to remove support for the error page because the code slowed the script down, and I have another script that deals with that problem.
  • Screenshots

    Custom

    Custom2

    ____________________

    Blue

    Black

    Purple

    Red

    Green