✅ My To-Do App

To-Do App

✅ My To-Do App

To-Do App

✅ My To-Do App

color: #e74c3c; font-size: 18px; cursor: pointer; } .actions { display: flex; justify-content: space-between; margin-top: 20px; } .actions button { flex: 1; margin: 0 5px; padding: 12px; border: none; border-radius: 12px; font-weight: bold; cursor: pointer; color: white; transition: background 0.3s; } #clearCompleted { background: #ff9800; } #clearCompleted:hover { background: #e68900; } #clearAll { background: #f44336; } #clearAll:hover { background: #d32f2f; } /* 📊 Task Counter */ .task-counter { margin-top: 15px; text-align: center; font-size: 14px; color: #555; transition: color 0.3s; } /* 🌙 Dark Mode */ body.dark { background: #121212; color: #f5f5f5; } body.dark .container { background: #1e1e1e; } body.dark h1 { color: #bb86fc; } body.dark .input-group { background: #2c2c2c; border: 1px solid #444; } body.dark li { background: #2c2c2c; color: #f5f5f5; } body.dark .task-counter { color: #bbb; }

📝 To-Do App

0 tasks left