Notification button colors

Posted 16 days, 18 hours ago by LoopsiePages

i dont think his is possible but is there a way to set a color for each type of notification ie activity is red, comments are blue etc

Avistella

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.