Update app.py

app.py

@@ -51,23 +51,23 @@ def generate_caption(image):
     result_text = f"Detected objects: {tags}\nCaption: {caption}"
     return result_text, gallery
 
-# Custom CSS for styling header and button
+# Custom CSS styles
 custom_css = """
 #app-title {
     text-align: center;
     font-size: 36px;
-    color: #4DB8FF; /* light blue */
+    color: #4DB8FF; /* Light blue header */
     font-weight: bold;
 }
 
 #instructions {
     text-align: center;
     font-size: 18px;
-    color: #333;
+    /* Removed custom color for better theme contrast */
 }
 
 #generate-btn {
-    background: linear-gradient(90deg, #1E90FF, #32CD32); /* lake blue to light green */
+    background: linear-gradient(90deg, #1E90FF, #32CD32); /* lake blue → light green */
     color: white;
     font-weight: bold;
     border: none;
@@ -81,22 +81,22 @@ custom_css = """
 """
 
 with gr.Blocks(css=custom_css) as iface:
-    # Centered header and readable instructions
+    # Centered header and description
     gr.HTML('<h1 id="app-title">🖼️ Image Captioning with Object Detection</h1>')
     gr.HTML(
         '<p id="instructions">👋 Welcome! This app detects objects in your image and generates a descriptive caption.<br>'
         '🪄 <b>How to use:</b><br>'
         '1️⃣ Upload an image below<br>'
         '2️⃣ Click <b>⭐ Generate Caption</b> to start analysis<br>'
-        '3️⃣ View caption and detected items instantly below.<br>'
+        '3️⃣ View caption and detected objects instantly below.<br>'
         '💡 The last <b>15 results</b> will be saved for your review!</p>'
     )
 
-    # Image upload and repositioned button directly below
+    # Upload image and Generate button directly below
     image_input = gr.Image(type="pil", label="Upload Image")
     generate_btn = gr.Button("⭐ Generate Caption", elem_id="generate-btn")
 
-    # Output: caption + objects
+    # Result output
     caption_output = gr.Textbox(label="📝 Caption and Detected Objects", lines=3, interactive=False)
 
     # History gallery