Update app.py

app.py

@@ -97,8 +97,9 @@ visualization_images = [
 def display_visualizations():
     return [Image.open(image) for image in visualization_images]
 
-# Custom CSS to enhance appearance
+# Custom CSS to enhance appearance (injected via HTML)
 custom_css = """
+    <style>
     body {
         font-family: 'Arial', sans-serif;
         background-color: #f5f5f5;
@@ -139,6 +140,7 @@ custom_css = """
         color: #007bff;
         font-weight: bold;
     }
+    </style>
 """
 
 # Create Gradio interfaces
@@ -148,8 +150,11 @@ prediction_interface = gr.Interface(
     outputs=gr.Label(label="Predicted Disease"),
     examples=examples,
     title="Lung Disease Detection XVI",
-    description="Upload a chest X-ray image to detect lung diseases such as 🦠 COVID-19, 🦠 Pneumonia, 🫁 Normal, or 🦠 TB. Use the example images to see how the model works.",
-    theme='dark'  # Applying a built-in dark theme
+    description=f"""
+        Upload a chest X-ray image to detect lung diseases such as 🦠 COVID-19, 🦠 Pneumonia, 🫁 Normal, or 🦠 TB. 
+        Use the example images to see how the model works.
+        {custom_css}
+    """
 )
 
 visualization_interface = gr.Interface(
@@ -157,8 +162,10 @@ visualization_interface = gr.Interface(
     inputs=None,
     outputs=[gr.Image(label=f"Visualization {i+1}") for i in range(len(visualization_images))],
     title="Model Performance Visualizations",
-    description="Here are some visualizations that depict the performance of the model during training and testing.",
-    theme='dark'  # Applying a built-in dark theme
+    description=f"""
+        Here are some visualizations that depict the performance of the model during training and testing.
+        {custom_css}
+    """
 )
 
 # Combine interfaces into a tabbed interface
@@ -167,5 +174,5 @@ app = gr.TabbedInterface(
     tab_names=["Predict", "Model Performance"]
 )
 
-# Launch the interface with custom CSS
-app.launch(share=True, css=custom_css)
+# Launch the interface
+app.launch(share=True)