[dashboard] fix toast contrast

[filiptronicek]

Description

Fixes the contrast of our toasts

Before	After (light)	After (dark)

Related Issue(s)

Fixes #20577 (comment)

How to test

Visit https://ft-toast-contrast.preview.gitpod-dev.com/user/preferences and click on "Reset Options" or do anything else that triggers a toast.

/hold

[geropl]

I'm no designer by any means, but I struggle a bit with that contrast being a bit to high.

What about using this as background:
dark:

white:
Hm, seems we don't have contrast here, either 😬

[filiptronicek]

I'll take a look at what I can do

[filiptronicek]

@geropl when you say that we don't have contrast in light mode for the info banners, do you mean this? It looks fine with me, and Firefox says it WCAG AA compliant

[geropl]

when you say that we don't have contrast in light mode for the info banners, do you mean this?

Yes! 🎯 Don't even see any diff in your screenshot, so I guess it's a monitor/OS colour scheme issue 😆

[filiptronicek]

@geropl if you can take a look (maybe on your phone to display it properly :) at the PR description's screenshots, I updated them to reflect your suggestion. I quite like it and its nice to not invent a new color combination

[geropl]

LGTM! ✔️