Mozilla-Campus-Club-Cummins/ASME-Website

Dark Mode Implementation

Open

#60 aberto em 5 de out. de 2024

Ver no GitHub
 (3 comments) (0 reactions) (0 assignees)HTML (28 forks)auto 404
hacktoberfesthacktoberfest24

Métricas do repositório

Stars
 (1 star)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Implement a dark mode toggle feature that allows users to switch between dark and light themes. The toggle should be easily accessible on every page, possibly in the header or navbar. Ensure that both light and dark modes are well-designed and user-friendly, with appropriate color contrasts to maintain readability.

Guia do colaborador

Direção de pesquisa
Examine as folhas de estilo existentes para identificar esquemas de cores, depois implemente propriedades personalizadas CSS para variáveis de tema. Adicione um botão de alternância no cabeçalho que alterna uma classe no elemento body e salva a preferência no localStorage.
Pilha de tecnologia
htmlcssjavascript
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.
1-3 horas
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.
80