Forecast Unread Notifications Styling by christopher-hayes

/* ==UserStyle==
@name         Forecast Unread Notifications Styling
@version      20220503.16.04
@namespace    userstyles.world/user/christopher-hayes
@description  Make it more clear which notifications are unread in the notifications nav dropdown.
@author       christopher-hayes
@license      No License
==/UserStyle== */

@-moz-document domain("app.forecast.it") {
/* Show unread notifications more clearly */
.notification.unread {
  background: #e1d4ff;
}
.notification.unread:hover {
  background-color: hsl(258, 90%, 87%);
}
/* Fix Forecast hover bug */
.notification:not(.unread):hover {
  background: none;
}
.notification > .notification:not(.unread):hover {
  background-color: hsl(258, 100%, 97%);
}

}