Redesign Google Web Search with Firefox

Martin Brinkmann
Oct 30, 2007
Updated • Dec 20, 2012
Google
|
4

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.

Advertisement

Tutorials & Tips


Previous Post: «
Next Post: «

Comments

  1. 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.

  2. 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.

  3. 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.

  4. 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

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

We love comments and welcome thoughtful and civilized discussion. Rudeness and personal attacks will not be tolerated. Please stay on-topic.
Please note that your comment may not appear immediately after you post it.