elementary/website

Support dark color schemes

Offen

#2.192 geöffnet am 15.05.2019

Auf GitHub ansehenContributor Guide
 (5 Kommentare) (4 Reaktionen) (0 zugewiesene Personen)PHP (712 Forks)github user discovery
HacktoberfestStatus: In Progress

Repository-Metriken

Stars
 (1.263 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 20h 18m) (40 gemergte PRs in 30 T)

Beschreibung

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

Research-Richtung
Implementieren Sie die CSS Medienabfrage für prefers color scheme: dark, stellen Sie sicher, dass Bilder transparente Hintergründe haben, und testen Sie auf macOS Safari und Chrome Canary für Android.
Tech Stack
css
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSSGit
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75