427

On Stack Overflow, there are many color codes.

Sometimes the number of votes on a question are highlighted with certain colors. Sometimes the background of the question or answer text is highlighted.

What do these colors mean?

Return to FAQ Index

4
  • 45
    This questions and the upvotes it has received are indicative that the meaning of the colours (and/or the methods to find out the meaning of the colours) are not obvious enough, especially to new users. Time to strip some colours or add more tool tips or something else to fix this.
    – Dhaust
    Commented Feb 20, 2012 at 2:16
  • 14
    Been using Stack Overflow for years and remained clueless as to the meaning of the beige background. I agree with @DavidHAust Commented Feb 13, 2013 at 13:49
  • 2
    I didn't know there were tooltips until now. (It doesn't help that the color coding is different in different stackexchange forums. I'm not arguing against forum-specific colors, but it places additional burden on each forum to make the meaning of colors clear.)
    – Mars
    Commented Aug 31, 2013 at 3:33
  • 1
    A lot of the meanings can be found by opening the browser console (dev tools) (right click, Inspect Element). Often the class names are semantically chosen and, together with the CSS rules, they reveal the meaning behind certain colors. E.g. .owner is used for the background color of the OP, .answered-accepted is used for vote indicators for which the corresponding question has an accepted answer. Furthermore, this trick can be used to learn the names of several patterns and technologies accross the web. Commented May 15, 2018 at 17:37

2 Answers 2

449

The colors are designed to draw the user's attention to certain features of the site.

Colors on the answer count in the question list:

  • The black text means that the question currently has no answers.

  • The green text on a white background means that the question has at least one answer, but not an accepted answer.

  • The white text on a green background means that an "accepted answer" was chosen.

Colors in the background of a question summary in the question list:

  • Creme-colored, "highlighted" questions contain one watched tag that is not explicitly queried; the highlighting is possible only if there are no search criteria other than tags (clarification here).

  • Faded questions contain one of your ignored tags.

  • Questions containing both watched and ignored tags will be faded (with or without the creme color, depending on the criteria explained above).

Colors on the background of a question, answer or comment:

  • Answers to questions which are accessed directly using a permalink or by the redirect right after you submit a question glow with an orange background for a few seconds.

  • Answers with score of -3 (-8 on Meta) or lower get light gray text color and so are all comments made on such answers:

  • A blue background on the user information box in the lower-right corner of the answer indicates an answer posted by the asker of the question. The same holds true for comments.

    Answer by the OP.

    Comment by the OP.

  • Accepted answers are indicated by the green checkmark below their score.

  • A greyish red background indicates the post is deleted. Deleted posts are only visible to the answer owner (i.e. the answerer), moderators, and users with more than 10k reputation.

  • A blue background in a revision item means that it was done by the original poster:

Colors on election pages

  • Election entries of withdrawn candidates are faded out.

Colors on moderator tools

  • In the delete votes list, posts that you are not eligible to cast delete votes on are faded out. These links are accompanied by a title text explaining this. For example, answers will appear like this to users who have the Access to moderator tools privilege, but not the Trusted user privilege, and as a result cannot vote to delete answers.

    Answers and some questions are faded out to an opacity level of 35%; the title text “you can’t vote to delete/undelete this post” appears.

Other known colorations

  • View counts and comment scores both have dynamic text color based on the value they represent, going from ordinary gray to bright orange. Class names are cool, warm, hot, and supernova.

    Example for comments:

    Screenshot of different example comments with different upvote counts; the counts are colored more brightly orange the higher the upvote count is.

18
  • 2
    I think if an answer has only received down votes it appears greyed out. If it then gets an upvote it goes back to full black. If that's right it would be useful in telling whether a bad answer has gained a net positive rep.
    – Sam Hasler
    Commented Nov 28, 2008 at 22:24
  • As for that bug: Sam152 added a screenshot of blue text on a green background at meta.stackexchange.com/questions/3639/…
    – Arjan
    Commented Dec 22, 2009 at 11:23
  • Has the blue background been removed? I answered and accepted my own answer here: stackoverflow.com/questions/2816168/… and there is no blue background on Chrome or IE8, whether I am logged in or not.
    – Mark Hurd
    Commented May 29, 2010 at 17:17
  • 1
    @Matteo: Nice work, now we just need a great edit button.
    – Gnome
    Commented Jun 6, 2010 at 14:07
  • Question summaries in the list are not highlighted if the list has been filtered by one of your favourite tags and those questions are not tagged with any of your other favourite tags.
    – jah
    Commented Oct 11, 2011 at 19:17
  • 15
    Great answer. However, shouldn't there be an official link on the main page (questions page) to this kind of information? Named "conventions used on this page" or the like. Commented Nov 29, 2011 at 14:12
  • Is there any way to see if you have already given an answer to a question in the "Vote count" on the "question list"?
    – jokklan
    Commented Jun 19, 2013 at 14:36
  • @jokklan nope, such thing does not exist at the moment. Commented Oct 15, 2013 at 10:22
  • Could you possibly change the image used for The blue background on the user information box...? I feel that because the avatar in that image happens to have a blue background, it makes it confusing for new users.
    – aug
    Commented Jan 28, 2014 at 22:14
  • 1
    @aug it's not an image, it's a plain background color and it's different for every site. Commented Mar 12, 2014 at 13:30
  • 3
    I'd like to backup @DavidHAust comment on the OP regarding the difficulty to find those kind of information. Tried to find "yellow and white question stackoverflow" on google yesterday... but found nothing useful (even tough my search terms may have been incorrect). I only found this post today after looking at "orange background stackoverflow" and even there the first result was actually this question meta.stackexchange.com/questions/130510/… leading to here. Wouldn't it be easier to have those in the tour? Commented Jan 3, 2015 at 12:16
  • 1
    Some people see Creme color as Yellow
    – Manohar
    Commented Nov 1, 2018 at 6:42
  • Please also add the shading applied to the user's information box if they have filled the about me
    – Sabito
    Commented Jul 3, 2020 at 11:22
  • 1
    @Yatin That shading appears to have been removed now. Commented Sep 2, 2020 at 10:04
  • 1
    @user4642212: SO uses the hyphen to indicate negative numbers. (Even in that specific area the example is talking about). Curly quotes may be preferred by you, but they're commonly not used on SO, and generally discouraged.
    – Cerbrus
    Commented Oct 2, 2020 at 19:05
27

Updated late 2016

Colors on the “Answer Count” in the question list:

  • The black text means that the question currently has no answers.

    No answers

  • The green outline means that the question has at least one answer, but not an accepted answer.

    Answers but one not accepted

  • The white text on a green background means that an “accepted answer” has been chosen.

    Answer has been accepted

“Hotness” colorations

  • View counts and comment scores both have dynamic text color based on the number they represent, going from ordinary gray to bright orange. Class names are cool, warm, hot, and supernova.

    Note that the colors are based on the exact value, not on the displayed, rounded value.

    View counts have different shades of orange

Colors in the background of a question summary in the question list:

  • Creme colored, “highlighted” questions contain one of your interesting / watched tags.

    Interesting / watched tags

  • Faded questions contain one of your ignored tags.

    Ignored tag

  • Questions which are both creme colored and faded contain both interesting and ignored tags.

    Questions with both interesting and ignored tags

Colors on the background of a question or answer:

  • Answers to questions which are accessed directly using a permalink or by the redirect right after you submit a question glow orange.

    Glowing submitted answer

  • Answers with score of -3 or lower (-8 on Meta) become transparent (resulting in light gray text) and so are all comments made on such answers. The answer can be hovered to gain full opacity again:

    Answers with a negative score

  • A blue background on the user information box in the lower-right corner of the answer indicates an answer posted by the asker of the question. The same holds true for comments.

    Answer by the asker

  • Accepted answers are indicated by the green checkmark next to them.

    Accepted
    Accepted answer tick

  • A greyish red background indicates the post is deleted. Deleted posts are only visible to the answer owner (i.e. the answerer), moderators, and users with more than 10k reputation.

    Deleted answer as seen by the answerer

Colors on Stack Overflow Jobs:

1
  • 3
    According to chir.ag/projects/name-that-color, the “grayish red” could approximately be called “Soft Peach”. I like that. The “creme” however would be called “Island Spice”. Not sure about that one… Commented Mar 17, 2019 at 15:01

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .