Try this CSS:
/* DEFAULT STATES */ /* World Inbox notifications */ .navbar-notifications .btn[href*="worlds"] { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Character Transfer notifications */ .navbar-notifications .btn[href*="transfers"] { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* World Request notifications */ .navbar-notifications .btn[href*="requests"] { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Notifications notifications */ .navbar-notifications .btn[href*="notifications"] { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Activity notifications */ .navbar-notifications .btn[href*="activity"] { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Bulletins notifications */ .navbar-notifications .btn[href*="bulletins"] { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Communications notifications */ .navbar-notifications .btn[href*="communications"] { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Messages notifications */ .navbar-notifications .btn[href*="messages"] { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* HOVERED STATES */ /* World Inbox notifications */ .navbar-notifications .btn[href*="worlds"]:hover { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Character Transfer notifications */ .navbar-notifications .btn[href*="transfers"]:hover { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* World Request notifications */ .navbar-notifications .btn[href*="requests"]:hover { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Notifications notifications */ .navbar-notifications .btn[href*="notifications"]:hover { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Bulletins notifications */ .navbar-notifications .btn[href*="activity"]:hover { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Bulletins notifications */ .navbar-notifications .btn[href*="bulletins"]:hover { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Communications notifications */ .navbar-notifications .btn[href*="communications"]:hover { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; } /* Messages notifications */ .navbar-notifications .btn[href*="messages"]:hover { background-color:HEXCODE; border-color:HEXCODE; color:HEXCODE; }
Edit: I initially forgot to includethe colours changes for bulletins, subscriptions, and fav notifications so I've updated the code to add them in.