Update app.py

app.py

@@ -63,9 +63,6 @@ def send_email(to_email, subject, body):
         
         logging.info(f"Email sent to {to_email}")
         return True
-    except smtplib.SMTPAuthenticationError as auth_error:
-        logging.error(f"SMTP Authentication Error: {auth_error}")
-        raise Exception(f"Failed to send email: Invalid credentials or app-specific password required.")
     except Exception as e:
         logging.error(f"Email error: {e}")
         raise Exception(f"Failed to send email: {str(e)}")
@@ -146,18 +143,18 @@ def book_appointment(name, email, date, time, timezone, message):
                 "datasets": [{
                     "label": "Appointment",
                     "data": [1],
-                    "backgroundColor": "#4E342E",
-                    "borderColor": "#3E2723",
+                    "backgroundColor": "#003087",
+                    "borderColor": "#001F5C",
                     "borderWidth": 2
                 }]
             },
             "options": {
                 "scales": {
-                    "y": {"beginAtZero": True, "ticks": {"stepSize": 1, "color": "#FFFFFF"}, "title": {"display": True, "text": "Confirmed", "color": "#FFFFFF"}},
-                    "x": {"title": {"display": True, "text": "Date & Time", "color": "#FFFFFF"}, "ticks": {"color": "#FFFFFF"}}
+                    "y": {"beginAtZero": True, "ticks": {"stepSize": 1, "color": "#333"}, "title": {"display": True, "text": "Confirmed", "color": "#333"}},
+                    "x": {"title": {"display": True, "text": "Date & Time", "color": "#333"}, "ticks": {"color": "#333"}}
                 },
                 "plugins": {
-                    "title": {"display": True, "text": f"Appointment for {name}", "color": "#FFFFFF", "font": {"size": 18}}
+                    "title": {"display": True, "text": f"Appointment for {name}", "color": "#003087", "font": {"size": 18}}
                 }
             }
         }
@@ -177,8 +174,8 @@ JS_ENHANCEMENT = """
 document.addEventListener('DOMContentLoaded', function() {
     const dateDropdown = document.querySelector('select[id*="date"]');
     if (dateDropdown) {
-        dateDropdown.style.background = '#FFFFFF';
-        dateDropdown.style.border = '2px solid #8D6E63';
+        dateDropdown.style.background = '#E6F0FA';
+        dateDropdown.style.border = '2px solid #003087';
         dateDropdown.style.borderRadius = '8px';
         dateDropdown.style.padding = '12px';
         dateDropdown.style.fontSize = '16px';
@@ -186,7 +183,7 @@ document.addEventListener('DOMContentLoaded', function() {
         Array.from(dateDropdown.options).forEach(option => {
             if (option.value.includes(today)) {
                 option.style.fontWeight = 'bold';
-                option.style.color = '#4E342E';
+                option.style.color = '#003087';
             }
         });
     }
@@ -199,34 +196,33 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
     .gradio-container {
         max-width: 700px;
         margin: 20px auto;
-        background: #5D4037;  /* Brown background */
+        background: #E6F0FA;
         padding: 24px;
         border-radius: 16px;
-        box-shadow: 0 4px 16px rgba(0,0,0,0.3);
+        box-shadow: 0 4px 16px rgba(0,0,0,0.1);
     }
     .welcome {
         text-align: center;
         font-size: 28px;
-        color: #FFFFFF;  /* White text */
+        color: #003087;
         margin: 0 0 20px;
         font-weight: 700;
     }
     .gr-textbox, .gr-dropdown {
         border-radius: 8px;
-        border: 2px solid #8D6E63;  /* Light brown border */
+        border: 2px solid #003087;
         padding: 12px;
         font-size: 16px;
-        background: #FFFFFF;  /* White background */
-        color: #4E342E;  /* Dark brown text */
+        background: white;
         transition: border-color 0.2s;
     }
     .gr-textbox:focus, .gr-dropdown:focus {
-        border-color: #4E342E;  /* Darker brown on focus */
+        border-color: #001F5C;
         outline: none;
     }
     .gr-button {
-        background: #4E342E;  /* Dark brown button */
-        color: #FFFFFF;  /* White text */
+        background: #003087;
+        color: white;
         font-size: 16px;
         font-weight: 600;
         padding: 12px 32px;
@@ -237,26 +233,26 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
         transition: background 0.2s;
     }
     .gr-button:hover {
-        background: #6D4C41;  /* Lighter brown on hover */
+        background: #001F5C;
     }
     .gr-textbox[label="Result"] {
-        background: #EFEBE9;  /* Soft beige for success */
-        border-color: #8D6E63;  /* Light brown border */
-        color: #4E342E;  /* Dark brown text */
+        background: #E8F5E9;
+        border-color: #2E7D32;
+        color: #1B5E20;
         font-weight: 500;
         padding: 16px;
         border-radius: 8px;
     }
     .gr-column {
-        background: #FFFFFF;  /* White background for form container */
+        background: white;
         padding: 20px;
         border-radius: 12px;
-        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
     }
     .footer {
         text-align: center;
         font-size: 14px;
-        color: #FFFFFF;  /* White text */
+        color: #003087;
         margin-top: 20px;
     }
     .logo {
@@ -266,18 +262,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
     }
     .required::after {
         content: " *";
-        color: #D32F2F;  /* Red for required fields */
-    }
-    p {
-        text-align: center;
-        color: #FFFFFF !important;  /* White text for instructions */
-    }
-    a {
-        color: #EFEBE9 !important;  /* Soft beige for links */
-        text-decoration: none;
-    }
-    a:hover {
-        text-decoration: underline;
+        color: #D32F2F;
     }
     @media (max-width: 600px) {
         .gradio-container {
@@ -296,7 +281,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
         f"""
         <img src="https://ik.imagekit.io/kqeykkpy5/WhatsApp_Image_2024-12-20_at_02.57.39-removebg-preview.png?updatedAt=1747857266922" class="logo" alt="Mubashir Hussain Logo">
         <div class="welcome">Schedule Your Appointment</div>
-        <p>Select a date and time below to book with Mubashir Hussain. You'll receive a confirmation email with a Google Calendar link.</p>
+        <p style="text-align: center; color: #333;">Select a date and time below to book with Mubashir Hussain. You'll receive a confirmation email with a Google Calendar link.</p>
         {JS_ENHANCEMENT}
         """
     )
@@ -313,7 +298,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
     
     gr.Markdown(
         """
-        <div class="footer">Powered by <a href="https://mubashirdev.com">mubashirdev.com</a></div>
+        <div class="footer">Powered by <a href="https://mubashirdev.com" style="color: #003087; text-decoration: none;">mubashirdev.com</a></div>
         """
     )