User:Positivitypaws AJ/global.css

/* Color Family:
 * 1) 708090 - slategray
 * 2) D48585 - red
 * 3) CFA4D2 - purple
 * 4) DFB585 - orange
 * 5) 008080 - teal
 * 6) 02B2B2 - lighter teal


 * root {

--wds-unread-border: #f55b58; --wds-unread-background-color: #A6DAFD; --wds-unread-hover: #FFFFFF; --wds-announcement: #708090; --wds-talk-page-message: #5ebdaf; --wds-message-wall-post: #5ebdaf; --wds-message-wall-reply: #5ebdaf; --wds-discussion-reply: #70bf5e; --wds-discussion-upvote-post: #70bf5e; --wds-discussion-upvote-reply: #70bf5e; --wds-thread-at-mention: #70bf5e; --wds-post-at-mention: #70bf5e; --wds-article-comment-reply: #f2f274; --wds-article-comment-reply-at-mention: #f2f274; --wds-article-comment-at-mention: #f2f274; }

/* Design for nofications when they are unread */ .wds-is-unread { background-color: var(--wds-unread-background-color) !important; border-left:5px solid var(--wds-unread-border) !important; }

/* Design when hovering over unread ONE notification */ .wds-is-unread:hover { background-color: var(--wds-unread-hover) !important;

}

/* "Unread" Text to unread notifications */ .wds-is-unread .wds-notification-card__context-list::before { padding-right: 8px; white-space: pre; content: '(Unread, Paws, READ YOUR NOTIFICATIONS)'; font-weight: bold; color: dimgray; }