Define Your Colors

Boing Boing Offworld Has A Color Problem

Define Your Colors — Tue, 02 Dec 2008 01:00:10 +0000

Boing Boing: Offworld is just a tad difficult to read, since they’ve neglected to define their text color.

The Link: http://www.offworld.com and all their other pages.
The Problem: Undefined text color.
The Fix: Adding color: #000; to body selector in the base_styles-offworld.css file.
The Screenshot: Click to Enlarge

Reddit.com’s Lack of Text Color Makes Articles Hard to Read

Define Your Colors — Sat, 29 Nov 2008 00:44:30 +0000

Reddit.com’s comment system is hard to read, since they omitted to define their text color. I also picked an amusing example: "If you’re a web designer working alongside print designers with little to no web design/dev knowledge, how is your experience?" My experience is that web designers should know enough to define their text colors.

The Link: http://www.reddit.com/r/web_design/comments/7fu6x/if_youre_a_web_designer_working_alongside_print/c06jlj1 among other pages.
The Problem: Comment pages are missing text colors.
The Fix: Adding color: #000; to body selector in the reddit.css file.
The Screenshot: Click to Enlarge

Geeks of Colorblind Doom!

Define Your Colors — Thu, 27 Nov 2008 16:50:27 +0000

I love Geeks of Doom, but they really need to define their colors.

The Link: http://geeksofdoom.com/ and every other page on the site.
The Problem: Pages on the site are missing both background and text colors. It’s fairly obvious that the template was designed for a white background.
The Fix: Adding background-color: #fff; color: #000; to the master.css file.
The Screenshot: Click to Enlarge

Minnesota Public Radio’s Lack of Defined Colors

Define Your Colors — Mon, 24 Nov 2008 23:27:46 +0000

Another day, another site without defined colors.

The Link: http://minnesota.publicradio.org/ and every other page on the site.
The Problem: Pages on the site are missing both background and text colors.
The Fix: Adding background-color: #fff; color: #000; to the global.css file.
The Screenshot: Click to Enlarge

Splicetoday.com is Splicing My Eyes! Make it Stop!

Define Your Colors — Wed, 19 Nov 2008 01:39:41 +0000

SpliceToday.com has a ton of colors on their homepage, but they’ve forgotten to define a couple of other colors.

The Link: http://www.splicetoday.com/ and every other page on the site.
The Problem: The homepage is missing a background color, but the articles are missing both background and text colors. The graphics assume a white background, and you can never go wrong with black as a text color.
The Fix: Adding background-color: #fff; color: #000; to the splicetoday.css file.
The Screenshot: Click to Enlarge

Ebay Forgot to Buy a Background Color

Define Your Colors — Sun, 09 Nov 2008 00:14:08 +0000

You can buy almost anything at Ebay, except, apparently, a defined background color.

The Link: http://www.ebay.com/ and every other page on the site.
The Problem: No defined background color.
The Fix: Adding background-color: #fff; to one of Ebay’s bizarrely named css files.
The Screenshot: Click to Enlarge

FiveThirtyEight.com: Background Colors Done Wrongly

Define Your Colors — Sun, 02 Nov 2008 02:10:25 +0000

FiveThirtyEight.com says that they do election projections right! Unfortunately, none of the 538 electoral voters were able to fix the site’s missing background color.

The Link: http://www.fivethirtyeight.com/ and every other page on the site.
The Problem: No defined background color.
The Fix: Adding background-color: #fff; to somewhere in the site’s CSS files.
The Screenshot: Click to Enlarge

Multicolr Search Lab Missing Some Colr

Define Your Colors — Tue, 28 Oct 2008 00:53:27 +0000

Looks like Multicolr finally found their background color.

When a site is all about color, it should be held to a higher standard. The Multicolr Search Lab is a cool tool, but it’s missing one color.

The Link: http://labs.ideeinc.com/multicolr/
The Problem: No defined background color. The graphics were created to be used on a white background, I’m guessing, so it seems that’s the color that needs defining.
The Fix: Adding background-color: #fff; to the body selector in the base.css file.
The Screenshot: Click to Enlarge

Zillow Hurts My Eyes

Define Your Colors — Sat, 25 Oct 2008 22:55:26 +0000

Ow, it burns!

The Link: http://www.zillow.com/ and many, many others
The Problem: No defined background color.
The Fix: Adding background-color: #fff; to the body selector in the master.css file.
The Screenshot: Click to Enlarge

Baltimore Sun Needs To Shed Light on Colors

Define Your Colors — Wed, 22 Oct 2008 00:28:08 +0000

The Baltimore Sun seems to have forgotten to define certain colors on their site, making it look a little odd.

The Link: http://www.baltimoresun.com/ and many, many others
The Problem: No defined background or text color.
The Fix: Adding background-color: #fff; color: #000; to the body selector in the global.css file.
The Screenshot: Click to Enlarge