style theme

app.py

@@ -77,7 +77,7 @@ custom_theme = gr.themes.Default(
     body_background_fill="#0f0f10",
     body_text_color="#f4f4f5",
     body_text_color_subdued="#a1a1aa",
-    block_background_fill="#18181b",
+    block_background_fill="#212121",
     block_border_color="#27272a",
     block_shadow="none",
     button_primary_background_fill="#27272a",
@@ -91,7 +91,7 @@ custom_theme = gr.themes.Default(
     input_placeholder_color="#71717a",
     table_border_color="#3f3f46",
     table_even_background_fill="#1c1c1f",
-    table_odd_background_fill="#18181b",
+    table_odd_background_fill="#212121",
     table_text_color="#f4f4f5",
     link_text_color="#ffffff",
     border_color_primary="#3f3f46",
@@ -101,8 +101,7 @@ custom_theme = gr.themes.Default(
     button_primary_background_fill_hover="#3f3f46",
     block_title_text_color="#f4f4f5",
     accordion_text_color="#f4f4f5",
-    # Added panel styles for potential Row/Column/File backgrounds
-    panel_background_fill="#18181b",
+    panel_background_fill="#212121",
     panel_border_color="#27272a",
 )
 

src/display/css_html_js.py

@@ -75,7 +75,7 @@ custom_css = """
 .gradio-column > .block,
 .form,
 .panel {
-    background: #18181b !important;
+    /* background: #18181b !important; */ /* Removed background override */
     border-color: #27272a !important;
     border-width: 1px !important; /* Ensure border is visible */
     border-style: solid !important;
@@ -83,7 +83,7 @@ custom_css = """
 
 /* Target the specific file upload component area */
 .gradio-file .wrap {
-     background: #18181b !important;
+     /* background: #18181b !important; */ /* Removed background override */
      border-color: #27272a !important;
 }
 """