User blog:Starfizzle1/Notification colors

Just one color:
/* -- Type Coloring --*/

/* All notif cards get a left transparent border to be filled with a color later. */   border-left: 10px solid transparent; }
 * 1) notificationContainer > .wds-notification-card {

/* New messages on own wall or talk page */ border-left-color: blue; }
 * 1) notificationContainer > .wds-notification-card[data-type="message-wall-post"],
 * 2) notificationContainer > .wds-notification-card[data-type="talk-page-message"] {

/* Message wall replies */ border-left-color: cyan; }
 * 1) notificationContainer > .wds-notification-card[data-type="message-wall-reply"] {

/* Discussions replies */ border-left-color: lightgreen; }
 * 1) notificationContainer > .wds-notification-card[data-type="discussion-reply"] {

/* Discussions at-mention */ border-left-color: green; }
 * 1) notificationContainer > .wds-notification-card[data-type="post-at-mention"],
 * 2) notificationContainer > .wds-notification-card[data-type="thread-at-mention"] {

/* Discussions upvotes */ border-left-color: green; border-left-style: dotted; }
 * 1) notificationContainer > .wds-notification-card[data-type="discussion-upvote-post"],
 * 2) notificationContainer > .wds-notification-card[data-type="discussion-upvote-reply"] {

/* Article/blog comments replies */ border-left-color: Red; }
 * 1) notificationContainer > .wds-notification-card[data-type="article-comment-reply"] {

/* Article/blog comments at-mentions */ border-left-color: orangered; }
 * 1) notificationContainer > .wds-notification-card[data-type="article-comment-at-mention"],
 * 2) notificationContainer > .wds-notification-card[data-type="article-comment-reply-at-mention"] {

/* Announcments are fully highlighted */ background-color: yellow; }
 * 1) notificationContainer > .wds-notification-card[data-type="announcement"] {

Gradients:
/* -- Type Coloring --*/

/* All notif cards get a left transparent border to be filled with a color later. */   border-left: 10px solid transparent; }
 * 1) notificationContainer > .wds-notification-card {

/* New messages on own wall or talk page */ border-image: linear-gradient(to top left, red, orange) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="message-wall-post"],
 * 2) notificationContainer > .wds-notification-card[data-type="talk-page-message"] {

/* Message wall replies */ border-image: linear-gradient(to top left, yellow, orange) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="message-wall-reply"] {

/* Discussions replies */ border-image: linear-gradient(to top left, navy, lightgreen) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="discussion-reply"] {

/* Discussions at-mention */ border-image: linear-gradient(to top left, white, yellow) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="post-at-mention"],
 * 2) notificationContainer > .wds-notification-card[data-type="thread-at-mention"] {

/* Discussions upvotes */ border-image: linear-gradient(to top left, teal, lime) 1; border-left-style: dotted; }
 * 1) notificationContainer > .wds-notification-card[data-type="discussion-upvote-post"],
 * 2) notificationContainer > .wds-notification-card[data-type="discussion-upvote-reply"] {

/* Article/blog comments replies */ border-image: linear-gradient(to top left, blue, cyan) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="article-comment-reply"] {

/* Article/blog comments at-mentions */ border-image: linear-gradient(to top left, violet, magenta) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="article-comment-at-mention"],
 * 2) notificationContainer > .wds-notification-card[data-type="article-comment-reply-at-mention"] {

/* Announcments are fully highlighted */ background-image: linear-gradient(to top left, silver 25%, gold) ; }
 * 1) notificationContainer > .wds-notification-card[data-type="announcement"] {