Skip to content

Aliounecode/Toogle_mode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

# 🌞🌚 Mode Clair / Sombre en JavaScript

Un projet simple mais pratique qui permet à l’utilisateur de **basculer entre un mode clair et un mode sombre** sur une page web.  
Le thème choisi est **sauvegardé dans le navigateur** pour être conservé après rechargement.

---

## 🚀 Fonctionnalités

- 🌞 Mode clair : fond clair et texte sombre
- 🌚 Mode sombre : fond sombre et texte clair
- 🔁 Bouton pour basculer entre les modes
- 💾 Sauvegarde du thème choisi avec **localStorage**

---

## 🧠 Technologies utilisées

- **HTML5** → structure de la page
- **CSS3** → mise en forme, transitions et classes
- **JavaScript (Vanilla)** → bascule de thème et sauvegarde dans localStorage

---

## 🧩 Structure du projet

mode_toggle/ │ ├── index.html # Structure principale ├── style.css # Styles clair / sombre ├── script.js # Logique de bascule et sauvegarde └── README.md # Documentation


---

## ⚙️ Installation et utilisation

1. Clone le projet ou télécharge les fichiers :
   ```bash
   git clone https://github.com/Aliounecode/mode_toggle.git
  1. Ouvre index.html dans ton navigateur.
  2. Clique sur le bouton “Basculer le mode” pour changer de thème.
  3. Le thème choisi restera mémorisé même après rechargement.

💡 Améliorations possibles

  • Ajouter plusieurs thèmes de couleur (ex. bleu, rouge, vert)
  • Basculer automatiquement selon l’heure du jour
  • Ajouter des animations ou transitions plus avancées
  • Permettre le changement de thème sur plusieurs pages via localStorage

👨‍💻 Auteur

Alioune Badara Diop Projet réalisé dans le cadre de l’apprentissage du JavaScript (niveau débutant).


🧭 “Un site web lumineux ou sombre, c’est l’utilisateur qui décide.” 🌞🌚


---


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published