Update app.py

app.py

@@ -4,47 +4,29 @@ import gradio as gr
 from components.auth import register, login, logout
 from components.predict import predict
 
-# --- 1. New High-Contrast Theme and Custom Style ---
-# We use the Monochrome theme for maximum text visibility and a clean look.
-# Custom CSS provides a soft background and centers key text elements.
-theme = gr.themes.Monochrome(
-    primary_hue="indigo",
-    secondary_hue="blue",
-    neutral_hue="slate"
-)
-
+# --- 1. New Theme and Style ---
+# By removing a specific theme and custom background, Gradio will automatically 
+# adapt to the user's system Light or Dark mode, ensuring visibility.
 css = """
-.gradio-container {
-    max-width: 1000px !important; 
-    margin: auto !important;
-    background-color: #F7F7F7 !important; /* Soft off-white background for the whole app */
-}
+.gradio-container { max-width: 1000px !important; margin: auto !important; }
 .centered-text { text-align: center; }
 """
 
-with gr.Blocks(title="DiaSpark: Your spark for early detection", theme=theme, css=css) as demo:
+# The theme argument is removed to enable automatic light/dark mode detection.
+with gr.Blocks(title="DiaSpark: Your spark for early detection", css=css) as demo:
 
-    # A state object to hold the user's session information
+    # A state object to hold the user's session information. This is now invisible to the user.
     user_state = gr.State({"email": None, "logged_in": False})
 
     # --- Header ---
-    with gr.Row(equal_height=False):
-        with gr.Column(scale=4):
-            gr.Markdown("# 🩺 Welcome to DiaSpark : An AI based Diabetes Detector")
-            gr.Markdown("#### Your Proactive Partner in Health Awareness")
+    # The "Current User" box has been completely removed for a cleaner look.
+    gr.Markdown("# 🩺 Welcome to DiaSpark: An AI-based Diabetes Detector")
+    gr.Markdown("#### Your Proactive Partner in Health Awareness")
         
-        with gr.Column(scale=1, min_width=200):
-            login_status_display = gr.Textbox(
-                label="Current User",
-                value="Not logged in",
-                interactive=False,
-                max_lines=1
-            )
-
     # --- Main Tabs ---
     with gr.Tabs():
 
-        # --- 2. Redesigned Homepage with Accordions for a Clean Look ---
+        # --- Homepage Tab (Retaining the clean Accordion layout) ---
         with gr.TabItem("Home"):
             gr.Markdown(
                 "<h2 class='centered-text'>A Smart First Step in Understanding Your Health</h2>",
@@ -58,7 +40,6 @@ with gr.Blocks(title="DiaSpark: Your spark for early detection", theme=theme, cs
             )
             gr.Markdown("---")
             
-            # Accordion layout prevents a cluttered look
             with gr.Accordion("🎯 Our Mission: The 'Why'", open=True):
                 gr.Markdown(
                     """
@@ -87,8 +68,9 @@ with gr.Blocks(title="DiaSpark: Your spark for early detection", theme=theme, cs
                     """
                 )
 
-        # --- Authentication Tab (No changes needed, theme will fix visibility) ---
+        # --- Authentication Tab ---
         with gr.TabItem("Login / Signup"):
+            # This Markdown component will now be the primary place for login/logout status messages.
             auth_message = gr.Markdown()
             with gr.Row():
                 with gr.Column(scale=1):
@@ -110,7 +92,7 @@ with gr.Blocks(title="DiaSpark: Your spark for early detection", theme=theme, cs
 
             logout_btn = gr.Button("Logout")
 
-        # --- Prediction Tab (No changes needed, theme will fix visibility) ---
+        # --- Prediction Tab ---
         with gr.TabItem("Prediction"):
             with gr.Row():
                 with gr.Column():
@@ -133,14 +115,8 @@ with gr.Blocks(title="DiaSpark: Your spark for early detection", theme=theme, cs
     login_btn.click(fn=login, inputs=[email_login, pwd_login, user_state], outputs=[auth_message, user_state])
     logout_btn.click(fn=logout, inputs=[user_state], outputs=[auth_message, user_state])
 
-    def update_login_display(user_data):
-        if user_data.get("logged_in"):
-            return gr.update(value=f"{user_data['email']}")
-        else:
-            return gr.update(value="Not logged in")
-
-    user_state.change(fn=update_login_display, inputs=user_state, outputs=login_status_display)
-
+    # The logic to update the old user status box has been removed.
+    
     predict_btn.click(fn=predict, inputs=[preg, glucose, bp, insulin, bmi, age, user_state], outputs=[result_output])
 
 # --- Launch the App ---