An alternative approach might be to have an "unread" class that only does the color changes.  Then, you only need to toggle the unread class for notifications.  Also prevents having to have the chatroom-title CSS attributes on both the chatroom-title and the chatroom-title-unread