• How To?
  • Tips ‘n Tricks
  • WordPress
  • Snippets
  • Software
    • Browsers
    • Downloads
  • Web
  • Tools
    • Character Counter
    • chmod Calculator
    • Entities Encoder
    • Live HTML Editor
    • My IP
  • Contact
Twitter Facebook Google+ RSS
You are here: SumTips » Software » Browsers » Get Back White Google Navigation Bar, or Customize it to Any Color of your Choice

Get Back White Google Navigation Bar, or Customize it to Any Color of your Choice

Posted on June 29, 2011 by Renji | Short URL: http://sumtips.com/?p=4178

Google recently rolled out a new design change to its navigation bar that’s seen at the top of the page on many its products. Earlier the bar used to have a white background with blue font colors, whereas now it has a black background with grey font colors.

If you’re not that pleased with this change, then there’s a simple solution available in the form of a userscript to switch back to the original all white page layout.

The userscript, named as Google Light Navbar, reverts to the old navigation bar color persevering all links, and working as it used to. Below you can see the change in interface after installing the script.

Update: Now there’s also a Chrome extension available that does the same (minus custom color settings).

Navigation Bar After Installing Userscript

Navigation Bar After Installing Userscript

Now, if you are not happy with either black or white, and want a completely different colored navigation bar? The script has an answer for that as well. If you click on the settings(gear icon) button, you will see three new options added to the menu: Background, Foreground and Border. By using these options you can customize the color of the bar to anything you want.

Note: Color values needs to be inserted in the form of hex code.

Custom Google Navigation Bar Color

Custom Google Navigation Bar Color

Google Light Navbar userscript works in Google Chrome, Firefox, and Opera.

Get the script from the link below:

Install: Google Light Navbar


Tweet

Related posts:

  • Customize Facebook by Removing Unwanted Elements, Changing Colors and More
  • Customize Facebook Homepage with Background Image
  • Get Breadcrumb Navigation on any Site with Breadcrumb Navigator
  • Automatically Scroll Long Pages in Google Chrome with TelePrompter
  • Google Chrome 8 Gets GPU Acceleration, Cloud Printing
Categories: Browsers, Tips 'n Tricks | Tags: Browser, Google, Google Chrome, Mozilla Firefox, Opera, Userscripts
Open Registry Keys Directly in Windows Registry Editor from Firefox
Apply Ubuntu Theme to Google Navigation Bar

5 Responses to “Get Back White Google Navigation Bar, or Customize it to Any Color of your Choice”

  1. Sarah says:
    June 30, 2011 at 7:48 AM

    The option to change color,…etc. is NOT there when i click settings….

    • Renji says:
      June 30, 2011 at 10:09 AM

      Hi Sarah, I tested this userscript on Chrome 14, Firefox 5 and Opera 11.50, and found those options there. Which browser are you using?

  2. bandshark says:
    September 13, 2011 at 9:18 PM

    Hi Renji, This is the first script that I have found that actually works well in Opera. I would just like to know if there is any way to have it work with https://encrypted.google.com/

    Thanks

    • Renji says:
      September 13, 2011 at 11:17 PM

      Hi bandshark, Google Light Navbar works on all Google links, which also includes https://encrypted.google.com/

      • bandshark says:
        September 14, 2011 at 4:27 PM

        Thanks for the reply, but it was not working for me on the newest Opera. The non ssl google worked fine however.

  • Get Updates via Email

  • Recent Posts

    • Gmail for Android: Delete Message Instead of Archive from Notification
    • AlarMe: A Weather-based Alarm Clock for Android Devices
    • Hide any Term, Phrase, Person, or Hashtag from Twitter & Facebook Feed
    • How to Enable or Disable Tabs in Gmail Inbox
    • Install Google Chrome Extensions in Opera directly from Web Store
    • List of Web Services Supporting Two-Factor Authentication
  • Random Posts

    • Make WordPress Registration Invite Only
    • Customize Facebook Chat Sounds with FaceSound
    • Get Enhanced Context Menu With Shell Tools
    • Tumbl Through Links Shared by Your Friends
    • Create ASCII Art From Images
    • 6 Beautiful BlackBerry Christmas Themes
  • Categories

    • Blogging
    • Games
    • Google
    • How To?
    • Linux
    • Microsoft
      • Windows
    • Miscellaneous
    • Phone
    • Snippets
      • AutoHotkey Snippets
      • CSS Snippets
      • htaccess Snippets
      • JavaScript Snippets
      • PowerShell Snippets
      • WordPress Snippets
    • Social
    • Software
      • Browsers
    • Tips 'n Tricks
    • Wallpapers
    • Web
© SumTips. Contact | Sitemap | Privacy Policy