Dark Mode colour filter

ryersondmp / sa11y

Sa11y is an accessibility quality assurance tool that visually highlights common accessibility and usability issues. Geared towards content authors, Sa11y straightforwardly identifies errors or warnings at the source with a simple tooltip on how to fix them.

https://sa11y.netlify.app

Other

280 stars 43 forks source link

Dark Mode colour filter #54

Closed brianteeman closed 9 months ago

brianteeman commented 1 year ago

Clearly the dropdown has a problem when in dark mode

adamchaboryk commented 1 year ago

Weird, only happening in Windows. I'll look into it, thanks!

adamchaboryk commented 1 year ago

What browser & OS combo are you using?

brianteeman commented 1 year ago

chrome, windows 11

adamchaboryk commented 1 year ago

Weird. I tested with Firefox, Edge, Chrome and Opera on Windows 11 via BrowserStack, and this doesn't happen. Maybe if i explicitly set the background colour to the panel colour it can fix this.

brianteeman commented 1 year ago

when you tested were you changing everything (browser) to dark mode or just sa11y?

adamchaboryk commented 1 year ago

BrowserStack doesn't seem to support changing browser or system to dark theme — they only support increasing system contrast.

For now, i'll explicitly set the