I find the this gray color scheme extremely difficult to read. It's also very hard to tell the difference between questions with answers and without.
-
21+1 for this. It is very hard to tell things apart when they are all just different shades of grey– SrulyCommented Jun 28, 2009 at 12:11
-
78Don't talk about meta-stackoverflow on meta-stackoverflow. We need a meta-meta-stackoverflow site. Heading over to uservoice...– Graeme PerrowCommented Jun 28, 2009 at 12:18
-
2agreed, the squinting factor is too much here– redsquareCommented Jun 28, 2009 at 12:24
-
23this is how dogs see stackoverflow– bananakataCommented Jun 30, 2009 at 16:13
-
18I thought it was pretty funny... "there are no black and white answers on meta, just shades of gray."– Mark HarrisonCommented Jun 30, 2009 at 18:31
-
7A little more color, or at least some customization would be great. Switching back and forth between SO and M-SO is like the difference between day and night... a very depressing night. When you create a M-SO account, they should send you a pack of razorblades and a bottle of pills.– PwninsteinCommented Jan 8, 2010 at 6:40
-
@bananakata how do dislike dogs? style?– stackerCommented Mar 19, 2010 at 22:29
-
15In the FAQ it states, "We don't run Meta Stack Overflow. The community does." This question is +86 vs -40 yet the request is denied. Maybe the FAQ should be updated to say something like... "We dont run Meta Stack Overflow, Jeff does."– LocutusCommented Mar 20, 2010 at 14:23
-
2And its plain sad when you open meta in spring– MidhatCommented May 2, 2010 at 20:23
-
1@Grame And what if you'd need to talk about meta-meta-SO? You would ask to create a meta-meta-meta-SO? :)– user153011Commented Mar 4, 2011 at 14:03
-
1Meta must be a somber and dry arena. A place of hushed tones with our heads down, a place where we talk only in restricted sign language, using only our palms, fists, and eyelids. Shhhhh.. be respectful– CaffeinatedCommented May 11, 2012 at 20:37
-
@GraemePerrow The first rule of Meta Stack Overflow is "You don't talk about Meta Stack Overflow on Meta Stack Overflow".– Agi HammerthiefCommented Apr 1, 2019 at 7:47
14 Answers
I am open to tweaking some of the parameters, but the greyscale is here to stay.
Aren't all discussion sites just shades of grey, anyway? (rimshot)
All of the Oz sequences were filmed in three-strip Technicolor. The opening and closing credits, as well as the Kansas sequences, were both filmed in black and white and colored in a sepia tone. Publicity for the film mentioned the Technicolor but not the black-and-white or sepia, thus making it sound as if the entire film had been made in color.
Sometimes color and sepia would be juxtaposed in the film within seconds of each other. At one point, Dorothy sees her Aunt Em on the Wicked Witch of the West's crystal ball; she is then replaced by a vision of the Witch. Aunt Em appears only in sepia-toned black-and-white, while the Witch appears in the crystal ball in full Technicolor.
-
12I like the grey.– deletedCommented Jun 28, 2009 at 20:38
-
30I vote for a tasteful combination of white, off-white, eggshell, pearl, and alabaster. Commented Jun 28, 2009 at 23:47
-
3Don't forget "white chocolate"– hernan43Commented Jun 29, 2009 at 0:39
-
54meta.stackoverflow.com: Your place for soul-crushing monotony in a drab, lifeless environment. Now with more random Wizard of Oz discussion! Commented Jun 29, 2009 at 14:12
-
11Here is an idea for even more grey: How about displaying user-pics with greyscale? =) Commented Jul 1, 2009 at 16:57
-
2lol, the top hit for that is .. wait for it .. STACK OVERFLOW! stackoverflow.com/questions/609273/… Commented Jul 2, 2009 at 0:14
-
5
-
I want Meta to be wonderful and colored like Alice in Wonderland. Commented Jan 22, 2010 at 12:22
-
6The comment flag button is yellow. I hate yellow. I like gray.– user146787Commented Jan 29, 2011 at 13:44
-
-
3I don't know if this was tweaked or not, but it really needs to be tweaked more. On my laptop, I can only tell if a link has been visited on Meta from exactly the right angle, with the brightness turned all the way up, when my eyes aren't tired. The greys are just too close.– agfCommented Sep 29, 2011 at 1:09
-
1I support grey. If you could make it darker, I'd be even 'happier'. ;) Commented Nov 21, 2011 at 1:38
-
2
-
4By some cosmic force of irony, this question is downvoted so much that it's been grayed out. Commented Aug 2, 2013 at 18:11
-
2Looks like MSE has blown this to hell. About time, I say. Let us march towards progress.– user159720Commented Apr 17, 2014 at 2:27
If your browser supports user-stylesheets, you can always use that to change things - StackOverflow's CSS classes are nice and clean, which really helps.
For example, if you want to make accepted-answered questions bright green, unanswered ones pink, and regular ones blue - load this into Stylish or similar:
@-moz-document domain("meta.stackoverflow.com") {
.answered-accepted {
background: #0F0 !important;
}
.unanswered{
background:#F00 !important;
}
.answered{
background: #00F !important;
}
}
You.. err.. may want to tweak the colours:
Also, any StackOverflow styles on UserStyles.org should work fine on meta.
, since it's basically the same HTML.. Just change @-moz-document domain("stackoverflow.com")
to @-moz-document domain("meta.stackoverflow.com")
and all should be fine..
Currently there's not many SO styles, but the "Stackoverflow Dark w Small UI Improvements" is a bit more contrasty
-
55
-
16Arrgh! that bright green permanently scarred my retina. Commented Jun 29, 2009 at 4:14
-
26Is it normal to still see that green box for several minutes after I look away?– Bill the Lizard ModCommented Jun 29, 2009 at 14:10
-
11Bill: The hallmark of good design is it sticks in your head, I'm sure the same thing applies to your eyes– dbrCommented Jun 29, 2009 at 22:18
-
1heh. the image + Jeff Atwood's comment reminds me of the Italian ice truck that came through my neighborhood when I was a little kid.– Jason SCommented Jun 29, 2009 at 23:34
-
7These colors are too mild: use the hotdog stand color scheme: ;-) kevinski.com/0000/hotdog_stand.png– splattneCommented Jun 30, 2009 at 13:40
-
1Jeez splattne, that color scheme is like cheap laser surgery! Commented Jun 30, 2009 at 16:04
-
12Props for having an actually useful answer instead of Jeff's pointless Oz reference.– baudtackCommented Jul 27, 2009 at 17:59
-
1
-
1Just change all Fs for 9s and it's already much better. I've also changed "background" to "color" and left just the answered-accepted with the background and a "white" color.– cregoxCommented Mar 11, 2010 at 23:07
You need some color to let the eyes know where the focus should be.
I am partially dyslexic and what helps is to see visually (usually with colors) where one thing ends and another begins.
So the top bar to me seems mixed in with the rest of the site. Where on the other sites, it pops out and separates the top menu from the content.
Same with the vote count box and the question title.
You don't need much, a blue gray tone (#81819F for example) is more than enough.
EDIT:
Also the link colors are very hard to distinguish. (did you see it?)
I've been using this userstyle style to keep the neutral theme and help me use the site.
@-moz-document domain("meta.stackoverflow.com") {
.post-text a {
color: #676B7F !important;
text-decoration: underline !important;
}
.accepted-answer {
background: #EFEFEF !important;
}
.nav a {
background: #676B7F !important;
}
#topbar a {
color: #676B7F !important;
}
.question-hyperlink {
color: #676B7F !important;
}
.started a {
color: #676B7F !important;
}
.user-details a {
color: #676B7F !important;
}
.answered-accepted {
background: #90AF8E !important;
}
.unanswered{
background:#AF8E92 !important;
}
.answered{
background: #81879F !important;
}
}
-
1
-
2that would be hard to see on stack overflow as well. Why don't you link a period character to make your point? Not a carefully selected edge condition, or anything.. Commented Jun 28, 2009 at 23:49
-
-
-
Much better than dbr's try :)– please delete meCommented Jun 30, 2009 at 7:48
-
I like it but it makes it hard to differentiate which questions you've seen and haven't on the front page. Simply change
.question-hyperlink {
toa.question-hyperlink:visited {
and voila!– TJ LCommented Jul 9, 2009 at 20:49
Behold, the colors:
-
7
Jeff really didn't want to have this meta site, so it'll remain greyscale.
-
5the sites need to look different to prevent confusion; beyond that, see answer below for update. Commented Jun 28, 2009 at 13:49
-
1Everyone agrees on the necessity of different color schemes. It's just that the color schemes are making it too obvious which site gets how much love from the creators. SO has the best colors, SF colors are a bit dull, and meta SO is totally greyscale! :)– ImranCommented Jun 29, 2009 at 4:57
-
7I don't think there is mutual exclusivity between "Preventing Confusion" and "Decent color scheme"– TheTXICommented Jun 29, 2009 at 14:08
Ok, Jeff, do the words contrast and readability tell you something? You have a transcript of your podcasts for the hearing-impaired. I am seeing-impaired but normally I have not to change my environment settings to read a page. Therefore could you please bring the colors or at least the contrast back?
I like the color scheme. It treats the the meta site like a "shadow" of the real site. Very appropriate, imo.
-
I agree. We're in that "gray area" of the overflow sites and it fits nicely.– Dillie-OCommented Jun 29, 2009 at 23:20
-
4also, it makes TheTXI unhappy, which is good because I hate ponies. But seriously -- the "shadow" was the intent, so at least someone sees it.. :) Commented Jul 1, 2009 at 5:07
-
1Perhaps if we instituted a 'pastel' colour-scheme, then everyone would end up being nicer to each other.– devinbCommented Jul 10, 2009 at 18:38
Thanks to dbr for his great tip. However, those colors are a bit loud. I color picked some more familiar ones:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("meta.stackoverflow.com") {
.answered-accepted {
background: #75845C !important;
foreground: #E1E818 !important;
}
.unanswered{
background: #9A4444 !important;
}
.answered{
background: #75845C !important;
}
}
What I want is the colors to be almost indistinguishable from grey. That would make the site a little less drab, but it would still convey that this is not like StackOverflow or ServerFault.
I understand why the grey color scheme was chosen, it was to make it visually appear bland and nondescript, but that can still be done without removing all of the color.
I'm a sometimes visitor to this site. Two things keep me away.
- The depressing colour scheme, or more accurately the lack of a colour scheme
- The excessive waffling, which just makes it harder to sift the content from the dross
Answered questions should be black with light gray numbers, unanswered questions should be a very light gray with black 0s, and questions with accepted answers should have black with white numbers.
For me there is still a wee bit of color that they didn't totally kill. Normally, clicking on a question with an accepted answer shows that answer in gray. But if I click on my profile and select an accepted answer, it first shows up as gray then fades to green.
Anyone else notice this? It's like finding a pretty flower growing up through the concrete! =)