Update: font styling

app.py

@@ -47,32 +47,50 @@ def process_image(sample_choice, uploaded_image, yolo_versions=["yolov5"]):
     return result_images
 
 with gr.Blocks() as interface:
-    pass
-#     # 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>   
-#     """)
+    # Update CSS to make text light grey
+    gr.HTML("""
+    <style>
+        body {
+            background-color: black;
+            color: #D3D3D3;  /* Set the default text color to 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>")