mswjs.io icon indicating copy to clipboard operation
mswjs.io copied to clipboard

Add light theme to the docs

Open hudochenkov opened this issue 2 years ago • 5 comments

Congratulations on the new major release!

Could you please add a light version for the docs? Having a light/dark/system color scheme switcher would be nice. It’s not about the nice appearance but about accessibility.

I have trouble reading light text on a dark background. It strains my eyes a lot, and after some time reading, I see everything with a “zebra” effect :( It’s similar to when you look at the sun, and then you have a black spot in your vision. But with this, you have black lines in your vision.

People with dyslexia and astigmatism may have issues reading light text on dark backgrounds.

hudochenkov avatar Oct 25 '23 10:10 hudochenkov

Hi, @hudochenkov. Thanks for raising this. The reason the new docs don't ship with a light mode is because I didn't have the time to develop it. I do my best to release all these new features and redesigns but I can't do everything.

My official stance on the light mode is this: pull requests are welcome 🙏

kettanaito avatar Oct 25 '23 10:10 kettanaito

Count me in if I can contribute 🙋‍♂️

adevinwild avatar Oct 25 '23 11:10 adevinwild

I'd like to contribute on this theming options!

m0agh avatar Oct 25 '23 19:10 m0agh

Started to work on it here 🙌🏼 Gonna finish this weekend I think 🤓 https://github.com/mswjs/mswjs.io/pull/278

adevinwild avatar Oct 28 '23 13:10 adevinwild

Light mode is now implemented for landing page / docs and blog 🎉

PR still need to be checked 👇 https://github.com/mswjs/mswjs.io/pull/278

adevinwild avatar Oct 29 '23 18:10 adevinwild