Update: font styling

app.py

@@ -46,32 +46,32 @@ def process_image(sample_choice, uploaded_image, yolo_versions=["yolov5"]):
             result_images.append((Image.fromarray(image), f"{yolo_version} not yet implemented."))
     return result_images
 
-with gr.Blocks() as interface:
-    # Update CSS to make text light grey
-    gr.HTML("""
-    <style>
-        body {
-            background-color: black;
-            color: #D3D3D3;  /* Set the default text color to light grey */
-        }
-        .gradio-container {
-            color: #D3D3D3;  /* Ensure Gradio components also have light grey text */
-        }
-        h1, h2, h3, h4, h5, h6, p, label {
-            color: #FFFFFF; /* Make all headings and labels light grey */
-        }
-        .gr-markdown {
-            color: #FFFFFF; /* Ensure Markdown text is light grey */
-        }
-        .gr-button {
-            background-color: #007bff; /* Optional: Change button background color */
-            color: #D3D3D3; /* Ensure button text is light grey */
-        }
-        .gr-button:hover {
-            background-color: #0056b3; /* Optional: Change button hover color */
-        }
-    </style>   
-    """)
+# with gr.Blocks() as interface:
+#     # Update CSS to make text light grey
+#     gr.HTML("""
+#     <style>
+#         body {
+#             background-color: black;
+#             color: #D3D3D3;  /* Set the default text color to light grey */
+#         }
+#         .gradio-container {
+#             color: #D3D3D3;  /* Ensure Gradio components also have light grey text */
+#         }
+#         h1, h2, h3, h4, h5, h6, p, label {
+#             color: #FFFFFF; /* Make all headings and labels light grey */
+#         }
+#         .gr-markdown {
+#             color: #FFFFFF; /* Ensure Markdown text is light grey */
+#         }
+#         .gr-button {
+#             background-color: #007bff; /* Optional: Change button background color */
+#             color: #D3D3D3; /* Ensure button text is light grey */
+#         }
+#         .gr-button:hover {
+#             background-color: #0056b3; /* Optional: Change button hover color */
+#         }
+#     </style>   
+#     """)
     
     gr.Markdown("<h1 style='color: #FFFFFF;'>XAI: Visualize Object Detection of Your Models</h1>")
     gr.Markdown("<p style='color: #FFFFFF;'>Select a sample image to visualize object detection.</p>")