I would like to suggest an update to Stack Exchange sites regarding the notification that is shown when a user earns a new badge.

Currently, all notifications are shown in the same color, like this:

default notification

This notification is great, but if you get more than one badge, it can be difficult to differentiate between those and "normal" messages.

I would like to propose this:

For each new badge a user earns, the background color should change based on the badge type. So for a gold badge, the background would be gold, etc...

Here's a quick look on how it would look like:

gold badge notification

Now, if you earn more than one, it will look like this:

all notification

I think that this way it becomes much easier to distinguish all newly earned badges.

  • 14
    i think this is a good idea, i am all about design (I am a graphic artists) and of course the first thing i see is colors on a site. I think can improve the visual aspect of it
    – Derek
    Dec 15, 2011 at 12:14
  • 3
    personally I don't like the notification bar at all Dec 15, 2011 at 12:45
  • 19
    +1, great mockups, I can definitely see the value in this. It's not a big change, but it makes the ugly notification bar a little more user-friendly.
    – slhck
    Dec 15, 2011 at 13:05
  • 1
    @NickDandoulakis I agree, maybe we have an option to disable it or enable it in the personal prefs!
    – aki
    Dec 15, 2011 at 13:23
  • @aki I'd like that :) Dec 15, 2011 at 13:44
  • 1
    @aki "Stack Exchange doesn't have prefeferences" :P
    – slhck
    Dec 15, 2011 at 14:17
  • @slhck well maybe it's time to implement some, this one can be a great one to start with
    – aki
    Dec 15, 2011 at 14:48
  • i think it is a great idea, and changing css is not really hard to do
    – joel
    Dec 16, 2011 at 14:40
  • 2
    great feature ...
    – EscoMaji
    Mar 6, 2012 at 21:56

2 Answers 2


I think this is still achievable with the new (now old) notification system:

Inline badge class notifications

Perhaps a better version with the same theme:

Outline badge class notifications

This seems like it would work very nicely with the new top-bar as modelled on Meta, which already has a left hand column for reputation points, why not add in badge colours in the matching space for badges?

New Notification System Mockup

  • 7
    "How does laughing gas work?"?! I really should check out that site...
    – John
    May 29, 2012 at 15:17
  • 1
    Oh, this could work. Not a fan of the different color text option though
    – Ben Brocka
    Jul 11, 2012 at 21:43

I don't think this is necessary at all. The notifications are inside div#notify-container and the style of that element appears to come entirely from CSS. What you're proposing would require creating three new notify containers, each with their own CSS. I really don't think this is worth the effort; this is just the notification that you got a badge. If you forgot what class the badge was, just look at your profile. There's a lot more information you'd want to see on your profile anyway, so why not just go there?

Basically, there's a lot more useful s I'd like to see implemented. This seems like a waste of a dev's time to me...

  • 4
    what kind of useful feature-request?
    – aki
    Dec 15, 2011 at 15:55
  • 2
    Considering also that the number of notifications have been reduced, having a different background is now less important.
    – apaderno
    Dec 15, 2011 at 16:41
  • Why would you have to create three new containers? That's be a silly way to do it. All you would have to do is dynamically change the css. Jan 14, 2012 at 17:05
  • @PeterOlson How do you intend to have three badge indicators as shown in the screen capture without three containers? Jan 14, 2012 at 17:41
  • @aki, presumarly he's referring to meta.stackoverflow.com/?tab=requests (it's a tab on the front page)
    – Pops
    Feb 13, 2012 at 19:57

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