Details on why this is occurring and how team's can fix this are provided on T356434

Steps to replicate the issue (include links if applicable):

• Enable https://chromewebstore.google.com/detail/wcag-color-contrast-check/plnahcmalebffmaghcpcmpaciebdhgdf Chrome extension
• Visit https://en.wikipedia.beta.wmflabs.org/wiki/Special:Notifications?vectornightmode=1 making sure you have notifications

What happens?:
5 color contrast issues:

• (including on hover)

What should have happened instead?:
No color contrast issues (See T356434 for solutions)

Software version (skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

• • Information for newcomers **
• Make sure you are using the latest MediaWiki and Vector skin
• You will need to setup https://www.mediawiki.org/wiki/Extension:Echo. The fix should be done in this extension.
• To fix this you can try:
  • Update any hex codes e.g. color: #fff with the equivalent design token https://doc.wikimedia.org/codex/latest/design-tokens/overview.html
  • add the notheme class to mw-echo-ui-notificationsInboxWidget

Acceptance criteria

• Add notheme and skin-invert class to the page as a temporary workaround