elementary/website

Support dark color schemes

Ouverte

#2 192 ouverte le 15 mai 2019

Voir sur GitHubGuide contributeur
 (5 commentaires) (4 réactions) (0 personne assignée)PHP (712 forks)github user discovery
HacktoberfestStatus: In Progress

Métriques du dépôt

Stars
 (1 263 étoiles)
Métriques de merge PR
 (Merge moyen 20h 18m) (40 PRs mergées en 30 j)

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/

Guide contributeur

Direction de recherche
Implémentez la media query CSS pour prefers color scheme: dark, assurez vous que les images ont des arrière plans transparents et testez sur macOS Safari et Chrome Canary pour Android.
Stack technique
css
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75