NeuralNik/linkr

Add Dark/Light Theme Toggle Animation

Aperta

#7 aperta il 9 ott 2025

Vedi su GitHubGuida contributor
 (3 commenti) (0 reazioni) (1 assegnatario)TypeScript (3 fork)auto 404
enhancementfeaturefrontendgood first issuehacktoberfest

Metriche repository

Star
 (0 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

The theme toggle works but needs a smooth transition animation between themes.

Acceptance Criteria:

  • Add smooth transition when switching themes
  • Animate the toggle button itself
  • Ensure all colors transition smoothly
  • Maintain neon green accent in both themes

Implementation Hints:

  • Check ThemeToggle.tsx and ThemeContext.tsx
  • Use CSS transitions or Tailwind's transition classes
  • Consider adding a sun/moon icon animation

Guida contributor

Direzione di ricerca
Aggiungi transizioni CSS fluide al cambio di tema e anima il pulsante di attivazione con un effetto di rotazione sole/luna utilizzando le utility di transizione di Tailwind.
Tech stack
typescriptreacttailwindcss
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactCSSTailwind CSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80