document.addEventListener("DOMContentLoaded", function () {
const colors = [
"#F0C3C3", "#D88A8A", "#C76E6E", "#A54545", "#823434", "#FFD700", "#FF5733", "#28A745", "#007BFF", "#6F42C1"];
const colorContainer = document.querySelector(".colors");
const selectedColorText = document.getElementById("selected-color");
if (colorContainer && selectedColorText) {
colors.forEach(function(color) {
const swatch = document.createElement("div");
swatch.classList.add("color-swatch"); swatch.style.backgroundColor = color;
swatch.dataset.color = color;
swatch.addEventListener("click", function () { selectedColorText.textContent = color; selectedColorText.style.color = color;
});
colorContainer.appendChild(swatch);
});
}
});
Notifications
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|
24 | 25 | 26 | 27 | 28 | 1 | 2 |
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 | 1 | 2 | 3 | 4 | 5 | 6 |
