Ask HN: Light grey text is killing my eyes.

https://news.ycombinator.com/item?id=468180

by zepolen • 17 years ago

47 39 17 years ago

news.ycombinator.com

Self posts like this one have very low contrast when they use grey text and I find it impossible to read them.

In contrast, the comments which are in black text are easy to read.

Can something be done about this?

sfk• 17 years ago

Use w3m:

http://w3m.sourceforge.net/

For reading, I find it much more pleasant than Firefox. Posting is perhaps a bit awkward.

alabut6• 17 years ago

I haven't seen a rationale for it yet but I'd guess that it's a subtle way of encouraging descriptions to be short (like the one you just wrote), it's probably intentional that it's hard to read long rambling posts like http://news.ycombinator.com/item?id=468139

I read a pg comment somewhere that makes me think that's his design decision - he already weighs "Ask HN" type of posts differently than the standard one with links, for example. Maybe it's to ward off too much navel-gazing.

zepolen• 17 years ago

That was in fact the post that triggered this one. I gave up reading it after the second paragraph.

However it was mainly because I wasn't interested in the topic, but had checked all the other articles out. There are some long self posts that are genuinely interesting to read and it still hurts my eyes to read them.

mattmcknight• 17 years ago

Maybe it should get progressively more grey then as you get longer and longer.

roberto• 17 years ago

Then limit the size of the textarea or something like that. It's bad usage, and saying that "it's a feature, not a bug" doesn't help.

alabut6• 17 years ago

Not sure that limiting the textarea would help - it's not like it constrains the length of these replies, for example. It's pretty trivial to compose a block of text in Textmate and paste it in, I'll often do that just for the spell checking or to make sure it doesn't get lost in submission or browser crash or whatever. (and often to review and make sure I don't post something I'll regret)

pg• 17 years ago

Yes; I do this to discourage people from making too many such posts, and making them too long. I don't want HN to turn into a blogging platform. Also, I wanted to make it easy to tell these posts from comments. If I made the text black I'd have to make it smaller, and then it would look just like a comment.

But I'm not wedded to the current way of doing things. I'd be open to alternatives.

alabut6• 17 years ago

The fact that people are complaining about not being able to read longer blocks of text means it's working just fine. And it's a nice subtle touch - I never consciously considered why I tend to ignore rambling posts and stick to the discussion area instead until now.

jrockway• 17 years ago

It seems like this system punishes me, the reader, for something that the poster did wrong. If the poster is supposed to write his long rants on his blog and then link them here, the software should tell him. It shouldn't subtly make his stuff harder for me to read, because if I'm interested, I'm going to push through the low contrast text anyway.

Anyway, if you want to nurture the community, I don't think it's a bad idea to make the feedback deliberate. "This is too long, don't post it," will be a lot more effective than changing the color of the text.

AndrewWarner• 17 years ago

I'm not sure it discourages long posts. The writer doesn't see it's gray until the text is posted.

kennyroo• 17 years ago

Light gray text is a DTD (designer-transmitted disease) that's rapidly infecting sites across the Internet.

(When it's really light, I use Firebug to modify the CSS.)

eatenbyagrue• 17 years ago

I second that. The designers I work with have this fetish for low contrast designs that may be super mod and hip, but seem to lower usability to me.

In general I agree that black on white might be a little harsh, but when you have squint to make out the text it's over the top.

Retric• 17 years ago

One option under Firefox is View > Page Style > No Style.

It's black text on a white background, but you lose indenting. I tend to use this when I want to read text from a site that's really hard to read.

alabut6• 17 years ago

Easy on the anti-designer bigotry there, dude, it's only the crappy designers that use super low contrast text just because they think it's cool. That's not the case here - see my comment below and pg's confirmation for a rational discussion behind its usage here on HN, it's a very intentional decision and serves the intent well.

Now whether the intent is right or not (should HN morph more into a Metafilter-like free-for-all message board for hacker types, rather than a structured conversation around links?) is a different discussion. I like the current orientation towards news.

ewiethoff• 17 years ago

Remember CSS Zen Garden (http://www.csszengarden.com/) and The Zen of CSS Design book? And Zeldman (http://www.zeldman.com/)? Way cool when cutting edge designers were figuring out what CSS 2.1 is capable of. But such low contrast! And lots of tan. Then the candy-colors-on-white "Web 2.0" look hit... Another year, another DTD.

jorgem• 17 years ago

If you use firefox, you might want to look into STYLISH or GREASEMONKEY.

Both provide ways to change the look of any website.

vaksel• 17 years ago

why not let people pick their own color schemes? Like we do with the top bar.

fizx• 17 years ago

Bookmarklet:

javascript:var%20l=document.getElementsByTagName("TD");for(var%20i=0;i<l.length;i++)%20l[i].style.color='#000'

zvikara• 17 years ago

I use the Zap Colors bookmarklet from http://www.russellbeattie.com/blog/the-zap-colors-bookmarkle...

babo• 17 years ago

So back to coding! :-)

indiejade• 17 years ago

http://news.ycombinator.com/item?id=156530

P.S. Here are the screenshots of "before" and after:

http://www.zentu.net/open-space/hackernewsbefore.png

http://www.zentu.net/open-space/hackernewsafter.png

edw519• 17 years ago

Ctrl-A

transburgh• 17 years ago

wow, was not ready for that. Just made it look cluttered

dfranke• 17 years ago

Okay, my cursor is at the beginning of the line. Now what?

fred• 17 years ago

Validating the colors contrast/luminosity/readability should be done using this:

http://www.hp.com/hpinfo/abouthp/accessibility/webaccessibil...

http://www.paciellogroup.com/resources/contrast-analyser.htm...

jeroen• 17 years ago

For firefox, put this in your user stylesheet

@-moz-document url-prefix(http://news.ycombinator.com/){ td { color: #000000 !important; } td.subtext { color: #828282 !important; } }

see http://news.ycombinator.com/item?id=467680 for more info.

jpcosta• 17 years ago

This is a neat idea but it's no good for me because I read HN from several places and I don't want to manually create a user style sheet in each one.

light3• 17 years ago

Or if you're like me and find all the white backgrounds hurt your eyes, its simple to enforce black background / green text which makes reading much easier on the eyes, it also makes grey text easier to read.

stern• 17 years ago

Thanks for the tip.

Does anyone have good designs that stray from the general HN look?

silvajoao• 17 years ago

Finally this gets to the front page. My very first post was exactly the same: http://news.ycombinator.com/item?id=439399

anc2020• 17 years ago

Use your mouse to quickly highlight the text. Now you can read it as light grey on blue, which is much easier.

smokey_the_bear• 17 years ago

I get a weird bright yellow on dark gray, which is even harder to read

redorb• 17 years ago

I like using a simple CTRL+A to highlight all text on page; (windows xp, ff3.05)

dmoo• 17 years ago

If you browse with opera try view-style and select the option that suits your needs.

FredSource• 17 years ago

I think reading the light gray is a problem. Obviously there are other design considerations - personally I'd go a little darker!

.. or to be really geeky, add a button to darken the color in the menu bar (simply change the .css with a little javascript!)

nazgulnarsil• 17 years ago

The factory settings of most LCD's is WAY too bright. Try dimming your screen a little. I have no trouble reading it at all.

Ask HN: Light grey text is killing my eyes.

Related Stories