Distinguish new notifcations for accessibility

[RickDBCN]

Package

filament/notifications

Package Version

v2.2.16.11

Laravel Version

9.x

Livewire Version

No response

PHP Version

8.1.x

Problem description

Several screens can't see the difference between unread notifications and read notifications. See: https://prnt.sc/G6sXbDlmmwRn

Expected behavior

bg-gray-50 should be bg-primary-50 for increased accessibility. See change: https://prnt.sc/J-bu21Zn0xJe

Steps to reproduce

//

Reproduction repository

//

Relevant log output

No response

[github-actions]

Hey @RickDBCN! We're sorry to hear that you've hit this issue. 💛

However, it looks like you forgot to fill in the reproduction repository URL. Can you edit your original post and then we'll look at your issue?

We need a public Git repository which contains a Laravel app with the minimal amount of Filament code to reproduce the problem. That would allow us to download it and review your bug much easier, so it can be fixed quicker. Please make sure to include a database seeder with everything we need to set the app up quickly.

Also, it doesn't look like you've provided much information on how to replicate the issue. Please edit your original post with clear steps we need to take.