fixing

app.py

@@ -2,6 +2,23 @@ import os
 import gradio as gr
 from huggingface_hub import hf_hub_download
 import importlib.util
+from gradio import themes
+
+# --- Custom Theme ---
+# Create a custom theme object
+# This theme will have a different background for the input/output boxes
+light_dark_theme = themes.Base(
+    primary_hue=themes.Color("indigo"),
+    secondary_hue=themes.Color("cyan"),
+    neutral_hue=themes.Color("gray")
+).set(
+    background_fill_secondary_dark="#222", # Darker background for dark mode boxes
+    background_fill_secondary_light="#eee", # Lighter background for light mode boxes
+    button_primary_background_fill_dark="#4CAF50",
+    button_primary_background_fill_hover_dark="#3e8e41",
+    button_primary_text_color_dark="#fff"
+)
+
 
 # --- Private Repository Information ---
 PRIVATE_DATASET_ID = os.getenv("PRIVATE_DATASET_ID")
@@ -19,8 +36,6 @@ try:
     spec = importlib.util.spec_from_file_location("deepv_core_module", AGENT_CODE_PATH)
     agent_module = importlib.util.module_from_spec(spec)
     spec.loader.exec_module(agent_module)
-
-    # Now you can access the functions directly from the private module
     run_generation = agent_module.run_generation
     
 except Exception as e:
@@ -28,10 +43,9 @@ except Exception as e:
         return f"// ERROR: Failed to load core agent code. Details: {e}", "", ""
 
 # --- Gradio UI setup below ---
-with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) as demo:
+with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=light_dark_theme) as demo:
     gr.Markdown("## DeepV for RTL Code Generation — Model-Agnostic (Bring Your Own API Key)")
 
-    # Status Bar for success/error messages
     status_bar = gr.Textbox(
         label="Status",
         lines=1,
@@ -135,25 +149,20 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
     )
 
     demo.css = """
-        /* Ensure the label wrapping the textbox has relative positioning for z-index context */
         #verilog-output > label > .label-wrap {
             position: relative;
-            z-index: 1; /* Give it a stacking context */
         }
 
         #copy-button {
             position: absolute;
             top: 20px;
             right: 10px;
-            /* Significantly increase z-index to guarantee it's on top */
             z-index: 1000;
-            
-            /* Clean, modern, non-green colors */
-            background-color: #333;  /* A dark gray */
-            color: #eee;             /* Light gray text */
-            border-radius: 5px;      /* Slightly rounded corners */
-            border: none;            /* Remove border */
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Subtle shadow for depth */
+            background-color: #333;
+            color: #eee;
+            border-radius: 5px;
+            border: none;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
         }
     """