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.
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
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/