SrigadaAkshayKumar/chatapp-frontend

Implement Dark Mode for the Chat App

Aberta

#5 aberto em 9 de fev. de 2025

Ver no GitHub
 (1 comentário) (0 reação) (1 responsável)JavaScript (3 forks)auto 404
UI/UXenhancementgood first issue

Métricas do repositório

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

Description

🌙 Implement Dark Mode for the Chat App

📌 Description

Improve user experience by adding a Dark Mode feature for better eye comfort and accessibility.

🚀 Feature Requirements

  • ✅ Add a toggle button to switch between Light and Dark modes.
  • ✅ Use CSS variables for easy theme switching.
  • ✅ Ensure proper contrast and readability in Dark Mode.
  • ✅ Save user preference in local storage for persistence.

🛠 Tech Stack

  • CSS
  • JavaScript / React

🔄 Possible Implementation Steps

  1. Implement CSS variables for Light and Dark themes.
  2. Add a toggle switch for theme selection.
  3. Store the user's preference in local storage.
  4. Ensure consistent UI adjustments in Dark Mode.
  5. Test accessibility to maintain proper contrast.

🏷 Labels

🔹 UI/UX
🔹 enhancement
🔹 good first issue

Guia do colaborador

Direção de pesquisa
Implemente o modo escuro usando variáveis CSS e um botão de alternância, salve a preferência no localStorage.
Pilha de tecnologia
javascriptcssreact
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
CSSJavaScriptReact basics
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80