elementary/website

Support dark color schemes

Aperta

#2192 aperta il 15 mag 2019

Vedi su GitHubGuida contributor
 (5 commenti) (4 reazioni) (0 assegnatari)PHP (712 fork)github user discovery
HacktoberfestStatus: In Progress

Metriche repository

Star
 (1263 stelle)
Metriche merge PR
 (Merge medio 20h 18m) (40 PR mergiate in 30 g)

Descrizione

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/

Guida contributor

Direzione di ricerca
Implementa la media query CSS per prefers color scheme: dark, assicurati che le immagini abbiano sfondi trasparenti e testa su macOS Safari e Chrome Canary per Android.
Tech stack
css
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSSGit
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75