You’ve been looking at those same websites - Google, Youtube, Wikipedia - for years now, and you’re sick of their boring design? It’s time to take matters into your own hands. Install Stylish - a Firefox extension that lets you change the CSS of most websites - and really take back the web. We’ve chosen 10 great picks for you to start from.

If you aren’t familiar with Stylish, installing and using it is easy as pie. Get it here. Installing the scripts is similar to Greasemonkey, and in most cases it only requires clicking on the “Install Script” button. Sometimes, you might need to tweak the script a bit to include a localized version of a website - for example, what works on Google.com might not work on Google.de without adding an extra parameter to the script. Other than that, Stylish is very simple to use and manage.

Dark Google

Google dark

A fun fact reappears on popular web sites every now and then - Google, with its whiteness, is actually costing more energy than if it were black, because an LCD screen needs more energy to shine bright white than black. It’s time to save the planet and get that cool 1337 look on Google with Google Dark Grey Redesign. Make sure you try the original blue version, too.

http://userstyles.org/styles/1693

Gray YouTube

YouTube

From the same author who created Google Dark Grey comes YouTube Dark Grey redesign. And, dark it definitely is. And we love it; it makes YouTube almost look cool!

http://userstyles.org/styles/1078

Dark Digg

Digg

Yeah, yeah, we admit it: we love dark things. When it comes to usability, white is probably the best color for usability, but we’ve decided to throw usability out the window and enjoy the darkness. This script will paint Digg dark gray, and although it’s a bit rough around the edges, it’s still nice enough and quite usable.

Be sure to check this take on Digg as well, and if you always wanted Digg’s menu to be on the right site, this script should be right up your alley.

http://userstyles.org/styles/1559

Gmail Air

Gmail Air

Gmail Air is a script with a subtle effect: at first you won’t notice any change, but try turning it off and you’ll see that it actually does make Gmail more enjoyable. If you’re into brushed metal look, make sure to try this one.

http://userstyles.org/styles/1833

Wikipedia Gray Lady

Wikipedia

This script does quite a number on Wikipedia, making it a lot easier on the eyes. The extent of these changes might not suit everyone, but after you get used to it you might find that it is indeed better than the standard Wikipedia look.

http://userstyles.org/styles/1365

Dark Firefox about:blank

Firefox

Some people prefer their Firefox to initially open to the about:blank page. Since this page is, well, blank, why not make it a bit more cheerful? This Stylish skin turns the whiteness into dark gray, and slaps a blue Firefox logo in the middle.

http://userstyles.org/styles/2433

Light Firefox about:blank

Firefox

And, if you want your about:blank page to stay white, but you’d like a huge Firefox logo on it, choose this one.

The installation procedure for it is a bit different, so here’s a quick rundown (works for all other manual installations of stylish scripts). After installing stylish, you’ll notice a notebook icon in the lower right corner of Firefox. Right click it, and choose Write Style - blank. Then just copy and paste the script into that and save it. Voila, you’re done.

http://blog.mzzt.net/2007/04/10/aboutblank/

DAogle

DAOgle

Fans of the popular art community DeviantArt will love this one, as it gives Google a complete DA-flavored remake. Expect a lot of olive green, a cool new logo, and some other neat details.

http://userstyles.org/styles/2399

Reddit at night

Reddit

A very, very dark Reddit. We find it quite usable and perhaps a little depressing. If you don’t like eternal darkness, you might want to check out the extremely minimalist version of Reddit

http://userstyles.org/styles/529

Google Reader, OSX style

Google Reader

Here’s one for all you Mac fiends out there: Google Reader in OSX flavor. And, we have to admit: this is one of the best Stylish scripts we’ve seen, and it really makes the otherwise quite unattractive Google Reader shine. Unfortunately, you’re gonna have trouble finding some of Google Reader’s features, so this one will be more suited for those who already pimped out their GR functionality-wise and now just want to enhance its looks.

http://userstyles.org/styles/2318

Ping This! Ping This!

Rate this post:

Link to This Post:

Related Entries:

Recent Trackbacks

 
 
 
 
 
 
 
 
2007-06-11 10:29:50
 
 
 
 
 
 
 
2007-06-05 19:15:20
 
 
2007-06-05 10:05:48
 
 
 

61 Comments »

Pages: [1] 2 »

2007-06-05 06:47:40
So it makes websites black?

I haven't seen any pretty demo sites... :)
2008-06-28 19:18:19
youre forgetting the most beautiful facebook designs by griffal and Paweł Kubisz

@bsolutely the best skin 4 Facebook

http://userstyles.org/styles/ 6775

http://userstyles.org/styles/ 5537
2008-07-17 01:37:14
I think that

Facebook - Bliss-Green Hill Skin ! (by Slid3r)
http://userstyles.org/styles/ 8436
Gives Facebook even a better look!

Download it and you won't be dissapointed..

James
(Comments wont nest below this level)
 
 
 
2007-06-05 07:53:10
Google looks very different with the dark palette. I kinda like it. Pretty cool.
 
2007-06-05 09:35:45
Why is white the best color for usability? Are there any specific details anyone can share with me? Just curious as I am trying to change the theme of my blog and have several dark and light choices. Is it more readable or just more attractive?

Gal
2007-06-05 09:53:10
White gives a feel of being open, whereas black can make you feel closed in. The most important thing, however, is white space, which can be any color. White space is basically empty space that balances out the content.
 
2007-06-05 10:12:55
I can't quote any specific studies from the top of my head, but from what I remember reading about usability, black text on white background is the preferred choice for most; it is also the easiest to read.

Personally, I love dark designs, and basically everything on my box at home is very dark, but that's just me.
 
 
2007-06-05 10:05:17
I love the Google change, but the rest don't look that great to me. Sadly, the userscript page for the Google change is down!
 
2007-06-05 10:24:57
Very interesting! Managed to get the Stylish plugin and installed, but I suspect the Mashable effect on UserStyles.org (where one must get the styles) is a bit too much for their server to handle...

Moments ago at userstyles.org :


Service Temporarily Unavailable

The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later.
"
2007-06-05 10:27:53
OK... in fairness, it only lasted a few moments. Seems back up. :)
 
 
2007-06-05 12:11:15
Canadian readers: I just created a globe and mail style that makes it more web 2.0 and user friendly then the mess they had before. (plus less ads)

http://userstyles.org/styles/ 2477
 
2007-06-05 12:50:57
And what does this have to do with social networking? Please stop pulling items from the lifehack blogs and posting here.

As a long time reader, you gained my loyalty through focused articles on social networks and the likes. But now I'm starting to see button makers, "lifehacks," etc.

Control your writers Pete!!
2007-06-05 15:27:12
Hehe. Will do. ;)
 
 
2007-06-05 13:22:30
Extremely bea...? Whatever!
 
2007-06-05 13:50:50
Nice stuff, thanks!
 
2007-06-05 14:18:01
Ugh how do you get rid of it? I can't get my Google back to normal, even after deleting the style? I hate it.
2007-06-05 14:34:19
@RyanB: tried refreshing? Closing and reopening Firefox? If nothing works, uninstalling Stylish should definitely do the trick.
 
 
2007-06-05 15:34:25
The look of the google is not so bad… Maybe youtube… But rest is “so so”…
 
2007-06-05 16:12:27
I also vote for white sites instead of black.
 
2007-06-05 17:06:15
nice stuff merci.. :)
 
2007-06-05 22:36:45
"... wanted Digg’s menu to be on the right site, ..."

Do you mean on the left side?
2007-06-05 22:57:48
Maybe he means the "correct" side? ;)
 
 
2007-06-06 03:25:58
very cool stuff... i like it
 
2007-06-06 04:08:48
Great stuff... I hadn't seen this statistical idea about energy. I wander if there will be more of a push for darker websites in the future???
 
Sam
2007-06-06 13:40:41
digg and youtube are great. Infact they look this way much nicer.

Sam @ http://talentshakes.com
 
2007-06-08 07:25:11
A useful collection of addon
I found google Air as grt one.
check google stuff in my blog
 
2007-06-08 17:38:07
very good!i have install some.
 
2007-06-12 15:19:52
Very nice collection here. esp. google dark.
 

Pages: [1] 2 »

Userpic:
Name (required)

E-mail (required, must be legitimate)

Website

Please login if you already have an account.

By submitting this form you agree to our terms and conditions

 

 

 

Your Comment (smaller size | larger size)

Sponsors

Popular Posts

Mashable Tees


Partners


PSD to HTML CSS
PSD to HTML

content delivery networks

Mashable is hosted by (mt) Media Temple