Redesign Google Web Search with Firefox - gHacks Tech News

Redesign Google Web Search with Firefox

A white background with blue links and black text is how the default Google website looks like. While this might be effective and offers a great usability it looks pretty boring but this is going to change right now. It is possible to redesign Google Web Search if you use Firefox.

You can change the default layout of Google Web Search to a dark blue or a dark gray design which looks phenomenal. Just take a look at the preview images below to get a first look at how it could look like.

All you need to do is copy some code into the Firefox userContent.css file. The best way to do it is to search for the file which should be located in your profile folder. Append the code at the end of the file and restart Firefox afterwards. If you visit google.com afterwards you will notice that the website looks either dark blue or Grey depending on the choice that you made.

google web search redesign
google web search redesign

Just follow the links below and click on the "Show Code" button to see the code and copy / paste it into the userContent.css file. If your default search engine is not google.com you have to edit the code. Search for google.com and replace it with the domain name of your local search engine, e.g. google.co.uk.

Update: Please note that the original author of the themes has deleted them from the Stylish repository. While that is definitely sad to hear, there are alternatives available that you can use instead.

Alternatives include Black Google by Panos which you can install as a userscript or userstyle in your browser of choice, or Dark Blue Galaxy which is offering a similar experience. The easiest way to install these styles is to install the Stylish extension in Firefox or the Chrome pendant and then the styles that you find on the site.





  • We need your help

    Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.

    We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats (video ads) or subscription fees.

    If you like our content, and would like to help, please consider making a contribution:

    Comments

    1. D3 said on October 30, 2007 at 4:16 pm
      Reply

      that looks sick. i think google should adopt a theme style which you can change to instead of the user editing their own files

    2. rruben said on October 30, 2007 at 5:08 pm
      Reply

      WOW!! that’s really cool. I will do this immediately.
      Thanks Martin. You always have such a good tips.
      Were do you get all those good tips from? The black layout fits very cool with the aquatint black theme I use.

    3. linuxeventually said on October 31, 2007 at 3:15 am
      Reply

      I’ve had that “theme” for months. The extension Stylish is a must and userscripts.org is a great resource. The author of the above-mentioned styles, Valacar, also created styles for Google image search, video and Youtube.

    4. conedude13 said on October 31, 2007 at 4:04 pm
      Reply

      Why stop with just google, get all the darker themes that are awesome: http://www.valacar.com/userstyles/

      I use all of his dark gray designs.

    Leave a Reply