bookwyrm-social/bookwyrm

Automatic Light/Dark Theme from prefers-color-scheme

Aberta

#2.106 aberto em 11 de mai. de 2022

Ver no GitHubGuia do colaborador
 (8 comentários) (8 reações) (0 responsável)Python (326 forks)auto 404
UIenhancementhelp wanted

Métricas do repositório

Stars
 (2.754 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

The light and dark themes, as they exist currently, are wonderful. However, for those of us who set our theme dynamically, it is frustrating to have to manually adjust the theme in settings whenever the sun (dis)appears.

It would be wonderful if we could add an Automatic (Light/Dark) theme that utilizes either some media queries in CSS for prefers-color-scheme or, if that's not possible, even some client-side JS.

More than happy to help implement this, would just need some pointers as to where to start.

Guia do colaborador

Direção de pesquisa
Explore como os temas são atualmente implementados no código, depois adicione uma nova opção de tema 'Automático' que detecta a preferência do sistema do usuário através da media query CSS `prefers color scheme` e JavaScript onde necessário. Certifique se de que se integre com a lógica de troca de tema existente.
Pilha de tecnologia
pythoncssjavascript
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.
2
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
HTMLCSSJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75