Since the most recent update, the background colour on unread notifications has gone for me, and so it’s impossible to tell which of these are unread:
I can’t seem to find anything in the new colour pallets area to fix this. Thanks!
Hi,
There’s been a redesign of this area, see:
New header dropdown / notification menu styles
Is this screenshot from one of the themes here on meta?
If not, my guess is that from the looks of it, your theme uses the same colour var for the whole panel, that is now also being used as the highlight colour.
1 curtida
I’m just using the “Default” theme. I can’t see where to change the highlight colour? I’ve never changed it before!
Ok, so on your site, I can see the secondary var is set to this:
While the default colour would have been: #ffffff
Your colour (eef47f) is very close to the colour that is now used for the highlight, since the update, and that’s why you no longer see a difference.
What you can do:
Solution 1
Reset the secondary variable back to its default. This will impact the general look of the site, and turn your light-blue background back to white
Solution 2
Target the specific highlight variable via CSS and change it to something else with higher contrast.
The variable used is:
background-color: var(--d-unread-notification-background);
Thanks, that worked, however the secondary colour was not changed by me. That colour was the default. Now that I’ve changed it to #fff, it has a “Revert” button which changes it back.
So it seems that the default colours are conflicting.
Thanks!
1 curtida
That’s very strange 
Might be something odd going on with the colour palettes, there’s been lots of changes in that area.
Glad it’s solved though!
Maybe you have selected a different colour palette for the default theme? Check your admin theme, or personal interface setting to make sure that isn’t the issue.
1 curtida
No, it’s the default one. I’ve never fiddled with the colour pallets before, except for changing header background.
1 curtida