Update: font styling

app.py

@@ -11,6 +11,7 @@ sample_images = {
     "Sample 1": os.path.join(os.getcwd(), "data/xai/sample1.jpeg"),
     "Sample 2":  os.path.join(os.getcwd(), "data/xai/sample2.jpg"),
 }
+
 def load_sample_image(sample_name):
     image_path = sample_images.get(sample_name)
     if image_path and os.path.exists(image_path):
@@ -26,7 +27,6 @@ def load_sample_image(choice):
     else:
         raise ValueError("Invalid sample selection.")
 
-
 def process_image(sample_choice, uploaded_image, yolo_versions=["yolov5"]):
     print(sample_choice, upload_image)
     if uploaded_image is not None:
@@ -47,7 +47,7 @@ def process_image(sample_choice, uploaded_image, yolo_versions=["yolov5"]):
     return result_images
 
 with gr.Blocks() as interface:
-    # Update CSS to make gr.Markdown text white
+    # Update CSS to make text white
     gr.HTML("""
     <style>
         body {
@@ -60,11 +60,19 @@ with gr.Blocks() as interface:
         h1, h2, h3, h4, h5, h6, p, label {
             color: white; /* Make all headings and labels white */
         }
+        .gr-button {
+            background-color: #007bff; /* Optional: Change button background color */
+            color: white; /* Ensure button text is white */
+        }
+        .gr-button:hover {
+            background-color: #0056b3; /* Optional: Change button hover color */
+        }
     </style>   
     """)
     
     gr.Markdown("<h1 style='color: white;'>XAI: Visualize Object Detection of Your Models</h1>")
     gr.Markdown("<p style='color: white;'>Select a sample image to visualize object detection.</p>")
+    
     default_sample = "Sample 1"
     
     with gr.Row(elem_classes="orchid-green-bg"):
@@ -82,6 +90,7 @@ with gr.Blocks() as interface:
                 label="Upload an Image",
                 type="pil",  # Correct type for file path compatibility
             )
+        
         # Right side: Selected sample image display
         sample_display = gr.Image(
             value=load_sample_image(default_sample),  
@@ -99,6 +108,7 @@ with gr.Blocks() as interface:
         value=["yolov5"],
         label="Select Model(s)",
     )
+    
     result_gallery = gr.Gallery(label="Results", elem_id="gallery", rows=2, height=500)
 
     gr.Button("Run").click(