front end updated

app.py

@@ -204,8 +204,50 @@ def process_image(image_path, text_prompts, modality):
 
     return results, p_values
 
+# Add custom CSS for dark theme
+CUSTOM_CSS = """
+:root {
+    --background-fill-primary: #1F1F1F;
+    --background-fill-secondary: #2B2B2B;
+    --border-color-primary: #424242;
+    --text-color: #FFFFFF;
+    --color-accent-soft: #2C2C2C;
+}
+
+.gradio-container {
+    background-color: #1F1F1F !important;
+    color: #FFFFFF !important;
+}
+
+.gr-button {
+    background-color: #424242 !important;
+    color: #FFFFFF !important;
+}
+
+.gr-input, .gr-dropdown {
+    background-color: #2B2B2B !important;
+    color: #FFFFFF !important;
+    border-color: #424242 !important;
+}
+
+.gr-form {
+    background-color: #2B2B2B !important;
+    border-color: #424242 !important;
+}
+
+.gr-box {
+    background-color: #2B2B2B !important;
+    border-color: #424242 !important;
+}
+"""
+
 # Define Gradio interface
-with gr.Blocks() as demo:
+with gr.Blocks(css=CUSTOM_CSS, theme=gr.themes.Soft(
+    primary_hue="gray",
+    secondary_hue="gray",
+    neutral_hue="gray",
+    text_size="lg"
+)) as demo:
     gr.HTML(MARKDOWN)    
     with gr.Row():
         with gr.Column():