elementary/website

Support dark color schemes

Aberta

#2.192 aberto em 15 de mai. de 2019

Ver no GitHubGuia do colaborador
 (5 comentários) (4 reações) (0 responsável)PHP (712 forks)github user discovery
HacktoberfestStatus: In Progress

Métricas do repositório

Stars
 (1.263 estrelas)
Métricas de merge de PR
 (Mesclagem média 20h 18m) (40 fundiu PRs em 30d)

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/

Guia do colaborador

Direção de pesquisa
Implemente a media query CSS para prefers color scheme: dark, certifique se de que as imagens tenham fundos transparentes e teste no macOS Safari e no Chrome Canary para Android.
Pilha de tecnologia
css
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
CSSGit
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75