Customizing reddit look

Posted by curson on September 20, 2008

Here I am again.
Some weeks ago, I wrote about my customized version of the reddit’s CSS.
I’ve been working on it, and changing the look of the website quite radically.
The version I’m actually using has some sensible issues about the styling of the reddit toolbar, but I’ll be working on trying to fix those visualization issues later on: now I want to try to use this new looking reddit and see if it suites my liking on the long run.

This new “restyle” is definitely more radical, and strongly inspired by the custom CSS used on the reddirIRC subreddit, and makes use of a javascript file (as in UserJS for Opera and/or greasemonkey script for Firefox) to change a couple of images displayed on the page. The images in questions are the main LOGO in the upper left corner, and the two arrows for the “new and upcoming” reddit box on the main page. The modified versions are in order simply because of their white background: was quite a fist in an eye.
Let’s say it’s not required, but was something that annoyed me and thanks to a sleepless friend that wrote down the script for me (I know nothing about JavaScript), I managed to achieve the image-switching too easily.

Here’s the actual look of it as seen in my Opera (9.60_build2430/GNU Linux) session:

my reddit

Of course, with the JavaScript in place, the logo is not going to change “a la google” for different occasions/celebration, but it doesn’t bother me much. I am not linking to my version of the images, for the simple reason that they’re hosted on my website, and I want to be sure noone will be using them direct-linking. But saving the original one from reddit.com and modifying it it’s as easy as it could ever be: if I’ve been able to do it :p (the background color code is #222222).

Anyway, here are the relative files:

Hope you will manage to find this interesting ;)