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`