mysociety / alaveteli

Provide a Freedom of Information request system for your jurisdiction
https://alaveteli.org
Other
389 stars 195 forks source link

Support light / dark mode #7252

Open mdeuk opened 2 years ago

mdeuk commented 2 years ago

We ought to consider implementing colour schemes, so as to allow our users to choose light / dark mode as per their preference.

Implementing 'dark mode' is an interesting accessibility and usability enhancement - from my own personal experience, it is much easier for me to interact with a service that isn't running in brilliant white or a similarly pale shade (I use 'dark dimmed' on GitHub, and make extensive use of Solarized elsewhere).

Done correctly, we should hopefully be able to do this without many moving parts - the bulk of our existing colours are complimentary

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme https://stuffandnonsense.co.uk/blog/redesigning-your-product-and-website-for-dark-mode

FOIMonkey commented 2 years ago

+1 I personally use dark mode everywhere it is possible to do so, as I find it makes things much easier to read.

garethrees commented 2 years ago

I'm not saying no, only that I really don't understand all the fuss! This would be an interesting one to attempt to include in a funding proposal…

sallytay commented 2 years ago

I can only comment from a personal perspective, with some eye conditions it is very hard to read some text on a white background, especially if that text is grey rather than black or a light colour or a non standard font Reading light text on a black background is much easier. It's generally offered as an accessibility tool. Of course in other cases people just prefer it.

garethrees commented 2 years ago

Is this something Night Shift, f.lux, etc can help with?

Also looks like there are browser extensions that implement this generically.

Again, stressing that I'm not for or against this, only that it would be a significant project that's unlikely to happen soon, so exploring all the options.