🌗 Dark Mode Toggle

A simple, accessible dark mode toggle built with HTML, CSS, and JavaScript.
Supports system preferences, remembers user settings via localStorage, and uses smooth visual transitions.

---

✨ Features

• 🌙 Toggle between dark & light themes
• 💾 Persists user preference with localStorage
• 🧠 Respects system prefers-color-scheme
• 📱 Responsive and mobile-friendly layout
• ♿ Accessible toggle button with focus styles
• 🎨 Smooth transitions using CSS custom properties

---

🚀 Run Locally

1. Clone the repo:

   git clone https://github.com/your-username/dark-mode-toggle.git
   cd dark-mode-toggle
   

2. Open index.html in your browser.

Or, if you have Python 3 installed:

python3 -m http.server 8000 Then visit http://localhost:8000 in your browser.

🛠️ Tech Stack

• HTML5
• CSS3 – custom properties, transitions, media queries
• Vanilla JavaScript

💡 What I Learned

• How to implement theme switching with CSS custom properties
• Using localStorage to persist user preferences
• Improving accessibility with ARIA and focus outlines

🧑🏾‍💻 Author

Built by @n4aika