Different color for unread notifications - Prosilver Dark Edition
Different color for unread notifications
Hi, I love the theme, it should be supplied with the original phpbb package. I've detected a little problem, when you open the list of notifications, read and unread notifications have the same background color, making impossible to differentiate them.
-
- Registered User
- Posts: 73
- Joined: Tue Mar 20, 2007 7:59 pm
Re: Different color for unread notifications
Hello guys. I'm facing the same problem as described above by -CoS-. In the regular prosilver theme unread notifications have a different color. In this prosilver_dark theme unread notifications have the same color, unless you hover over them. Why is this? Is it possible please to just give this the same behaviour as in the normal prosilver?
I absolutely love this theme. Especially in these times. phpBB is simply lacking a "dark mode", and this theme is the solution. Combined with the dark smilies set.
I absolutely love this theme. Especially in these times. phpBB is simply lacking a "dark mode", and this theme is the solution. Combined with the dark smilies set.
-
- Registered User
- Posts: 2
- Joined: Mon Nov 23, 2020 6:56 pm
Re: Different color for unread notifications
Hi there,
Thanks for your feedback and kind words regarding Prosilver dark
The answer is relatively simple: The dropdown background has the same colour as the
The problem with this approach is that all of the dropdowns are designed to have the lighter background.
Okay, so why not just define a lighter background colour for the
So, why not just use a different class other than
So, here's a compromise. You can just target a darker dropdown on the notifications dropdown while leaving the others with their existing background colour. If you don't mind the inconsistencies, here's what you need to do:
Add this to the bottom of dark.css:
Thanks for your feedback and kind words regarding Prosilver dark

Good question!Pietjepoep wrote:Why is this?
The answer is relatively simple: The dropdown background has the same colour as the
bg2
class which is used to indicate an unread notification. The most obvious fix would be to make the dropdown background darker, so that when there's an unread notification it's clear to see.The problem with this approach is that all of the dropdowns are designed to have the lighter background.
Okay, so why not just define a lighter background colour for the
bg2
class? Well this would certainly work, but it would bring back a stript / alternating background colours to viewforum and viewtopic which I intentionally coded out when designing prosilver dark.So, why not just use a different class other than
bg2
to highlight unread notifications? Well, that would require a template edit to notification_body.html , and prosilver dark is intentionally developed in a way to avoid any template edits at all.So, here's a compromise. You can just target a darker dropdown on the notifications dropdown while leaving the others with their existing background colour. If you don't mind the inconsistencies, here's what you need to do:
Add this to the bottom of dark.css:
Code: Select all
#notification_list .bg2 {
background-color: #171b24 !important;
}
-
- Former Team Member
- Posts: 4809
- Joined: Wed Nov 04, 2009 11:16 pm
- Location: Way up in the sky close to the stars
- Name: Christian
Re: Different color for unread notifications
Thank you very much for the solution, I can confirm it works!
The funny thing is I tried messing around with that exact stuff #notification_list .bg2, except for I forgot the apparently crucial "!important" part.
What exact inconsistency are you referring to?
Thanks again!
The funny thing is I tried messing around with that exact stuff #notification_list .bg2, except for I forgot the apparently crucial "!important" part.
What exact inconsistency are you referring to?
Thanks again!
-
- Registered User
- Posts: 2
- Joined: Mon Nov 23, 2020 6:56 pm
Re: Different color for unread notifications
You're welcome 

That the notifications drop-down will be a different colour to the other drop-downs, eg: Quick linksPietjepoep wrote: What exact inconsistency are you referring to?
-
- Former Team Member
- Posts: 4809
- Joined: Wed Nov 04, 2009 11:16 pm
- Location: Way up in the sky close to the stars
- Name: Christian
Re: Different color for unread notifications
Thank you!
-
- Registered User
- Posts: 73
- Joined: Tue Mar 20, 2007 7:59 pm
Re: Different color for unread notifications
Was messing around with another theme, and didn't need the "!important" part.Pietjepoep wrote:Thank you very much for the solution, I can confirm it works!
The funny thing is I tried messing around with that exact stuff #notification_list .bg2, except for I forgot the apparently crucial "!important" part.
What exact inconsistency are you referring to?
Thanks again!
-
- Registered User
- Posts: 55
- Joined: Tue Jan 12, 2021 3:08 am