Update app.py

app.py

@@ -41,8 +41,8 @@ def create_doctor(full_name, email, matricule, password, specialty):
 # Modern admin UI
 with gr.Blocks(css="""
     .gradio-container {
-        background-color: #0f172a;  /* dark slate */
-        color: #e2e8f0;
+        background-color: #1A1B1F;
+        color: #E2E8F0;
         font-family: 'Segoe UI', sans-serif;
         padding: 3rem;
     }
@@ -50,56 +50,57 @@ with gr.Blocks(css="""
     .title-text {
         text-align: center;
         font-size: 2rem;
-        font-weight: 800;
-        color: #38bdf8;
-        margin-bottom: 0.4rem;
+        font-weight: 700;
+        color: #37B6E9;
+        margin-bottom: 0.5rem;
     }
 
     .description-text {
         text-align: center;
         font-size: 1rem;
-        color: #94a3b8;
+        color: #A0AEC0;
         margin-bottom: 2rem;
     }
 
-    .gr-box, .gr-form, .gr-column, .gr-panel, .gr-group {
-        background-color: #1e293b !important;
+    .gr-box, .gr-form, .gr-column, .gr-panel {
+        background-color: #2D2F36 !important;
         border-radius: 16px !important;
         padding: 2rem !important;
-        max-width: 700px;
+        max-width: 600px;
         margin: auto;
-        box-shadow: 0 0 0 1px #334155;
+        box-shadow: 0 0 0 1px #3B3E47;
     }
 
     label {
         font-weight: 600;
-        color: #e2e8f0;
-        margin-bottom: 0.25rem;
+        color: #F7FAFC;
+        margin-bottom: 6px;
     }
 
     input, select, textarea {
-        background-color: #0f172a !important;
-        color: #f8fafc !important;
-        border: 1px solid #334155 !important;
-        font-size: 0.95rem;
+        background-color: #1A1B1F !important;
+        color: #F7FAFC !important;
+        border: 1px solid #4A5568 !important;
+        font-size: 14px;
         padding: 10px;
-        border-radius: 8px;
+        border-radius: 10px;
     }
 
     button {
-        background-color: #38bdf8 !important;
-        color: #0f172a !important;
-        border-radius: 25px !important;
-        font-weight: bold;
-        padding: 12px 24px;
+        background-color: #37B6E9 !important;
+        color: #1A1B1F !important;
+        border-radius: 10px !important;
+        font-weight: 600;
+        padding: 12px;
+        width: 100%;
         margin-top: 1.5rem;
     }
 
     .output-box textarea {
-        background-color: #0f172a !important;
-        color: #38bdf8 !important;
+        background-color: transparent !important;
         border: none;
-        font-size: 0.9rem;
+        color: #90CDF4;
+        font-size: 14px;
         margin-top: 1rem;
     }
 """) as admin_ui:
@@ -119,7 +120,7 @@ with gr.Blocks(css="""
             value="Cardiology"
         )
         password = gr.Textbox(label="Password", type="password", placeholder="Secure password")
-        submit_btn = gr.Button("✅ Create Doctor Account")
+        submit_btn = gr.Button("Create Doctor Account")
         output = gr.Textbox(label="", show_label=False, elem_classes=["output-box"])
 
         def create_doctor(full_name, email, matricule, specialty, password):
@@ -146,8 +147,5 @@ with gr.Blocks(css="""
             outputs=output
         )
 
-
-
-
 # Mount Gradio at /admin
 app = gr.mount_gradio_app(app, admin_ui, path="/admin")