Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Feature: Implementação de Dark Mode com persistência e integração global #42

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 5 commits into from
Oct 5, 2025
Merged

Feature: Implementação de Dark Mode com persistência e integração global #42

merged 5 commits into from
Oct 5, 2025

Conversation

@teles
Copy link
Owner

@teles teles commented Oct 5, 2025

Resumo das alterações:

  • Dark mode implementado com hook customizado e persistência no localStorage.
  • Novo botão de toggle para alternar entre claro/escuro disponível na interface (componente dedicado).
  • Integração do modo escuro em toda a base de componentes principais: App, Hero, Footer e backgrounds globais.
  • Efeitos visuais e transições de cor ajustados para modo escuro.
  • Estrutura pronta para futuras personalizações de tema.

Testes:

  • Testes unitários adicionados para o hook de dark mode com cobertura de persistência, inicialização e alternância.

Como testar:

  • Navegue pela interface e utilize o botão de alternância para ativar/desativar o modo escuro.
  • Preferências de tema são mantidas após reload/navegação pelo uso do localStorage.

teles added 5 commits October 5, 2025 19:09
@teles
feat(ui): add dark mode hook with localStorage persistence
c02433e 
- Create useDarkMode custom hook
- Implement system preference detection
- Add localStorage state persistence
- Include comprehensive test coverage
@teles
feat(ui): add dark mode toggle button component
8038736 
- Create DarkModeToggle component with sun/moon icons
- Apply glassmorphism effect with backdrop blur
- Include accessible ARIA labels
- Add smooth transition animations
@teles
feat(ui): integrate dark mode into App and Hero components
8e6d6c1 
- Connect useDarkMode hook in main App component
- Add dark mode variants to root container styles
- Position toggle button in Hero top-right corner
- Apply dark mode gradient to Hero background
- Pass dark mode state through component props
@teles
style(ui): enhance Footer with dark mode color variants
0509ce8 
- Add dark mode background and border styles
- Improve link contrast in dark theme
- Update text colors for better readability
@teles
build: rebuild assets with dark mode styles
03e300e 
- Recompile CSS with new dark mode utility classes
- Update JavaScript bundle with dark mode components
- Include Moon/Sun icon imports from lucide-react
@teles teles merged commit 456276f into main Oct 5, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@teles