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.