Update: font styling

app.py

@@ -7,7 +7,6 @@ import gradio as gr
 from yolov5 import xai_yolov5
 from yolov8 import xai_yolov8s
 
-
 sample_images = {
     "Sample 1": os.path.join(os.getcwd(), "data/xai/sample1.jpeg"),
     "Sample 2":  os.path.join(os.getcwd(), "data/xai/sample2.jpg"),
@@ -48,9 +47,8 @@ def process_image(sample_choice, uploaded_image, yolo_versions=["yolov5"]):
     return result_images
 
 with gr.Blocks() as interface:
-    gr.Markdown("# <span style='color:white'>XAI: Visualize Object Detection of Your Models</span>")
-    #gr.Markdown("# XAI: Visualize Object Detection of Your Models")
-    gr.Markdown(" # <span style='color:white'>Select a sample image to visualize object detection.")
+    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
@@ -60,8 +58,11 @@ with gr.Blocks() as interface:
             background-color: black;
             color: white; /* Set text color to white */
         }
-        .gradio-container, h1, h2, h3, h4, h5, h6, label, p, div {
-            color: white !important; /* Ensure all text elements are white */
+        .gradio-container {
+            color: white; /* Ensure Gradio components also have white text */
+        }
+        h1, h2, h3, h4, h5, h6, p, label {
+            color: white; /* Make all headings and labels white */
         }
     </style>
     """)
@@ -76,7 +77,7 @@ with gr.Blocks() as interface:
                 value=default_sample,  # Set default selection
             )
             # Upload image below sample selection
-            gr.Markdown("# <span style='color:white'>Or upload your own image:")
+            gr.Markdown("**Or upload your own image:**")
             upload_image = gr.Image(
                 label="Upload an Image",
                 type="pil",  # Correct type for file path compatibility
@@ -106,5 +107,5 @@ with gr.Blocks() as interface:
         outputs=result_gallery,
     )
 
-# Launch the interface without the css argument
-interface.launch(share=True)
+# Launch the interface without the `css` argument
+interface.launch(share=True)