elementary / elementary/website
Support dark color schemes
Open
Hacktoberfest
Status: In Progress
- Dominant language
- PHP
- Stars
- 1.3k
- Forks
- 716
- Avg merge
- 12h 45m
- Merged PRs (30d)
- 23
Description
With browsers across macOS, Android, Windows, and soon iOS and GNOME Web supporting the `prefers-color-scheme` media query, we should support it for our site as well. This involves a few tasks:
- [ ] Support the media query itself with a specific dark color scheme
- [ ] Check images and ensure major ones (i.e. on the front page) don't have hardcoded white backgrounds—instead, we should use transparent PNGs
- [ ] Test at least on macOS Safari and Chrome Canary for Android
More info: https://webkit.org/blog/8840/dark-mode-support-in-webkit/
Contributor guide
Assessment
This issue has not been assessed yet.