WCEU2020 Demo
These are the files used to demo CSS Dark Mode on the WCEU2020 website during my talk.
This repository only contains the files that are changed as part of the demo's. It does not include a complete download of the WordCamp Europe 2020 website.
More Resources
I wrote a blog post about supporting Dark Mode: https://kirstyburgoine.wordpress.com/2019/10/22/using-css-to-honour-visual-preferences/
And created a CodePen for demoing internally at work: https://codepen.io/kirstyburgoine/pen/GRRJmBK
Further Reading
If you would like to read more about any of the topics covered in my talk I would recommend the following:
- prefers-color-scheme - MDN Web Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
- Melanie Richards - The Tailored Web: Effectively Honoring Visual Preferences - View Source 2019 https://www.youtube.com/watch?v=Z_QZhoBrWPc
- Microsoft Inclusive Toolkit: https://www.microsoft.com/design/inclusive/
- A Strategy Guide To CSS Custom Properties - Smashing Magazine https://www.smashingmagazine.com/2018/05/css-custom-properties-strategy-guide/