Un composant React réutilisable qui permet d'ajouter facilement un système de thème clair/sombre à vos applications. Ce projet utilise React Context pour gérer les thèmes à l'échelle de l'application.
Bascule fluide entre les thèmes clair et sombre Animation élégante de l'icône soleil/lune Sauvegarde des préférences utilisateur dans le localStorage Détection automatique des préférences système Structure modulaire et réutilisable Styles personnalisables
bashCopier# Cloner le dépôt git clone https://github.com/TPietquin/ThemeToggle.git
Se déplacer dans le répertoire du projet cd ThemeToggle
Installer les dépendances npm install
Démarrer le serveur de développement npm run dev
Pour utiliser le système de thème dans votre application React:
Enveloppez votre application avec le ThemeProvider:
Utilisez le hook useTheme pour accéder au thème et à la fonction de basculement.
Utilisez le composant ThemeToggle pour ajouter un bouton de basculement préconfiguré.
Vous pouvez facilement modifier les thèmes en éditant le fichier theme.js.
Le système de thème est complètement responsive et s'adapte aux différentes tailles d'écran.
Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.
Les contributions sont les bienvenues! N'hésitez pas à ouvrir une issue ou à soumettre une pull request.