AadityaBansal01 / AadityaBansal01/smart-timetable

Add dark mode toggle

Aberta
#4 5 comentários 0 reações 0 responsáveis Ver no GitHub
enhancement hacktoberfest
Linguagem predominante
JavaScript
Estrelas
1
Forks
4
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

## Description
The timetable UI currently only supports a light theme. Adding a dark/light mode toggle will allow users to switch themes, improving accessibility and overall user experience.

## Steps to Implement
1. Add a toggle button in the UI (e.g., in the header or settings panel).
2. Apply dark mode styles to all components (backgrounds, text, buttons, tables, etc.).
3. Store user preference (e.g., using localStorage or React context) to remember the selected theme.

## Expected Behavior
- Users can switch between light and dark themes seamlessly.
- All UI elements adapt correctly to the selected theme.

Guia de contribuição

Abrir o guia de contribuição

Direção de pesquisa

Procure os principais componentes da UI, provavelmente em um cabeçalho ou painel de configurações, para adicionar o botão de alternância. Use React context ou localStorage para gerenciar o estado do tema. Aplique estilos de modo escuro a todos os componentes verificando o CSS existente ou as bibliotecas de estilização. Verifique se o tema persiste e se todos os elementos da UI se adaptam corretamente.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
react
Domínio
accessibility, frontend
Tipo de issue
Funcionalidade
Dificuldade
3/5
Tempo estimado
1-2 dias
Status de atividade
Estagnada
Clareza
Claramente especificada
Facilidade para iniciantes
65/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.