Update: font styling

app.py

@@ -47,26 +47,30 @@ def process_image(sample_choice, uploaded_image, yolo_versions=["yolov5"]):
     return result_images
 
 with gr.Blocks() as interface:
-    gr.Markdown("# XAI: Visualize Object Detection of Your Models")
-    gr.Markdown("Select a sample image to visualize object detection.")
-    default_sample = "Sample 1"
-    
-    # Inject CSS with gr.HTML to set the text color to white
+    # Update CSS to make gr.Markdown text white
     gr.HTML("""
     <style>
         body {
             background-color: black;
-            color: white; /* Set text color to white */
+            color: white;
         }
         .gradio-container {
-            color: white; /* Ensure Gradio components also have white text */
+            color: white;
         }
         h1, h2, h3, h4, h5, h6, p, label {
-            color: white; /* Make all headings and labels white */
+            color: white;
+        }
+        /* Specific rule for Markdown content */
+        .gr-markdown {
+            color: white !important;
         }
     </style>
     """)
     
+    gr.Markdown("# XAI: Visualize Object Detection of Your Models")
+    gr.Markdown("Select a sample image to visualize object detection.")
+    default_sample = "Sample 1"
+    
     with gr.Row(elem_classes="orchid-green-bg"):
         # Left side: Sample selection and upload image
         with gr.Column():
@@ -107,5 +111,4 @@ with gr.Blocks() as interface:
         outputs=result_gallery,
     )
 
-# Launch the interface without the `css` argument
 interface.launch(share=True)