# Notification menu: merge green and blue notification bubbles into just blue

**URL:** https://meta.discourse.org/t/notification-menu-merge-green-and-blue-notification-bubbles-into-just-blue/72219
**Category:** UX
**Created:** [10월 16, 2017, 9:14오후 UTC](https://meta.discourse.org/t/notification-menu-merge-green-and-blue-notification-bubbles-into-just-blue/72219 "2017-10-16T21:14:58Z")
**Posts on this page:** 1
**Showing post:** 12

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [10월 18, 2017, 2:40오후 UTC](https://meta.discourse.org/t/notification-menu-merge-green-and-blue-notification-bubbles-into-just-blue/72219/12 "2017-10-18T14:40:35Z")

</div>

Making the text green is ok, but the most important thing is the make the _unread messages background_ green. That is because the green bubble shows the count of _unread messages_.

The read background is always white.

EDIT: The background is set on the `.notifications li` element and there is nothing to distinguish messages from other notifications. I don’t think it is currently possible with a pure CSS solution without adding a class to the `li` element.

---

_[View the full topic](https://meta.discourse.org/t/notification-menu-merge-green-and-blue-notification-bubbles-into-just-blue/72219)._