Hacker News new | ask | show | jobs
by dredmorbius 4373 days ago
NB: If you're going to use CSS styling for code examples, choose foreground and background colors, as well as text sizes, which are actually legible.

Monospace fonts, black on white, at default sizes, are your best bets.

2 comments

Counteranecdatum for the author: I find your choice of foreground and background colors, syntax highlighting colors, font style and size, and line length inside your code blocks to be quite legible and pleasant to read.

Please make these sorts of choices again in the future!

Um... I see almost-black Courier New on off-white, at 13px and a slightly increased line-height. That seems fine to me.
The body text is approximately legible size, but low contrast.

The code examples are all but unreadable.

http://i.imgur.com/ogS9yat.png

Here's a quick improvement for legibility. I'm not claiming a thing of beauty.

http://i.imgur.com/mW880fB.png

My general style guidelines are included here:

https://news.ycombinator.com/item?id=6996064#up_6998399

I see your point about the larger fonts but I have used the sunburn theme for a while in my editor (not anymore thought in favor of slightly customized naquadah[1] ) and I feel quite a bit more comfortable reading code in familiar coloring. I chose this color scheme because sunburn dark is quite popular.

[1] http://rvfblog.wordpress.com/2011/03/07/using-naquadah-theme...

I still find it very difficult to read. Even expanding the font size isn't sufficient.
That's a pity.

Perhaps your color vision is now at the point where you should consider loading an accessibility stylesheet into your browser. I don't look forward to the day when I am required to do this, but I do know that it will inevitably arrive.

I use Stylebot to modify sites' CSS.

1188 stylesheets and counting.

Huh, this is what I see: https://i.imgur.com/fcNfpM3.png

It seems that some of the stylesheets are broken for HTTPS. Note that this is not https-everywhere breaking the site; simply switch the URL to https://, and you will see what I see.