diff --git a/admin-dashboard.html b/admin-dashboard.html
index 4950978..58c4301 100644
--- a/admin-dashboard.html
+++ b/admin-dashboard.html
@@ -826,6 +826,9 @@ document.addEventListener('DOMContentLoaded', () => {
if (saveBannerBtn) {
saveBannerBtn.addEventListener('click', saveBanner);
}
+
+ // Set up color input listeners
+ setupColorInputListeners();
});
// Handle dropped files
@@ -1524,25 +1527,31 @@ const debouncedUpdatePreview = debounce(() => {
updateBannerPreview();
}, 300);
-bannerBgColor.addEventListener('input', () => {
- // Update color preview immediately
- const bgColorPreview = document.getElementById('bgColorPreview');
- if (bgColorPreview) {
- bgColorPreview.style.backgroundColor = bannerBgColor.value;
+// This function will be called after DOM is loaded
+function setupColorInputListeners() {
+ if (bannerBgColor) {
+ bannerBgColor.addEventListener('input', () => {
+ // Update color preview immediately
+ if (bgColorPreview) {
+ bgColorPreview.style.backgroundColor = bannerBgColor.value;
+ }
+ // Debounce the full preview update
+ debouncedUpdatePreview();
+ });
}
- // Debounce the full preview update
- debouncedUpdatePreview();
-});
-bannerTextColor.addEventListener('input', () => {
- // Update color preview immediately
- const textColorPreview = document.getElementById('textColorPreview');
- if (textColorPreview) {
- textColorPreview.style.backgroundColor = bannerTextColor.value;
+
+ if (bannerTextColor) {
+ bannerTextColor.addEventListener('input', () => {
+ // Update color preview immediately
+ if (textColorPreview) {
+ textColorPreview.style.backgroundColor = bannerTextColor.value;
+ }
+ // Debounce the full preview update
+ debouncedUpdatePreview();
+ });
}
- // Debounce the full preview update
- debouncedUpdatePreview();
-});
+}
// Connect color pickers to input fields
const bannerBgColorPicker = document.getElementById('bannerBgColorPicker');