Change Details

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.m.wikipedia.beta.wmflabs.org/wiki/Special:Notifications# 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.):

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`

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.m.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`