Notifications are hard to read in dark mode due to low contrast

[0liver]

Describe the bug

In dark mode, the notification text is quite hard to read on the green background - see below.

To Reproduce

Steps to reproduce the behavior:

1. Turn on dark mode (I don't know where, maybe it's a browser setting?).
2. Go to the Admin dashboard.
3. Look at the Welcome message.

Expected behavior

An easily readable message text.

Screenshots

If applicable, add screenshots to help explain your problem.

The contrast ratio is 2.76:1, which does not sound too bad, but in combination with the font it actually appears worse than e.g. in this online tool here:

[Skrypt]

We have a PR for Bootstrap 5 where it should be fixed. Feel free to contribute there.

[0liver]

Could you please link that PR here?

[Skrypt]

#9371

So basically, create a PR targetting that PR branch.

[0liver]

That PR is for using Bootstrap 5 in the Admin area. But notifications are shown in the frontend as well, and there, Bootstrap 5.1 is already integrated from what I saw in the commits between 1.0 and 1.1.

And while I would like to submit a PR, I really don't have any idea of OC's design system, so it would be hard for me to suggest something that will work in the broader context.

[Skrypt]

The frontend themes have their own thing so it's another topic.

Here, you just need to modify the text color for when we are in the dark mode. I will take a look as part of #9371 then.

[Skrypt]

Fixed in #9371

[hishamco]

Could you please link this issue into Bootstrap PR or mention it in the description, so when the PR is merged it should be closed automatically

[Skrypt]

It is already linked look at the right panel here.