AadityaBansal01 / AadityaBansal01/smart-timetable
Add dark mode toggle
- 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
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