NeuralNik/linkr

Add Dark/Light Theme Toggle Animation

Ouverte

#7 ouverte le 9 oct. 2025

Voir sur GitHubGuide contributeur
 (3 commentaires) (0 réaction) (1 personne assignée)TypeScript (3 forks)auto 404
enhancementfeaturefrontendgood first issuehacktoberfest

Métriques du dépôt

Stars
 (0 étoile)
Métriques de merge PR
 (Métriques PR en attente)

Description

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

Guide contributeur

Direction de recherche
Ajoutez des transitions CSS fluides lors du changement de thème et animez le bouton de bascule avec un effet de rotation soleil/lune en utilisant les utilitaires de transition de Tailwind.
Stack technique
typescriptreacttailwindcss
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactCSSTailwind CSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80