d

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', () => {
+// This function will be called after DOM is loaded
+function setupColorInputListeners() {
+    if (bannerBgColor) {
+        bannerBgColor.addEventListener('input', () => {
             // Update color preview immediately
-    const bgColorPreview = document.getElementById('bgColorPreview');
             if (bgColorPreview) {
                 bgColorPreview.style.backgroundColor = bannerBgColor.value;
             }
             // Debounce the full preview update
             debouncedUpdatePreview();
-});
+        });
+    }
 
-bannerTextColor.addEventListener('input', () => {
+
+    if (bannerTextColor) {
+        bannerTextColor.addEventListener('input', () => {
             // Update color preview immediately
-    const textColorPreview = document.getElementById('textColorPreview');
             if (textColorPreview) {
                 textColorPreview.style.backgroundColor = bannerTextColor.value;
             }
             // Debounce the full preview update
             debouncedUpdatePreview();
-});
+        });
+    }
+}
 
 // Connect color pickers to input fields
 const bannerBgColorPicker = document.getElementById('bannerBgColorPicker');