Update app.py

app.py

@@ -560,13 +560,39 @@ def handle_file_upload(file):
 
 # Gradio interface with light theme
 css = """
+.gradio-container {
+    background: linear-gradient(135deg, white 0%, #EFFE8A 100%) !important;
+}
+
+.gradio-file {
+    background: radial-gradient(circle, #EFFE8A 0%, white 70%) !important;
+    border: 2px dashed #d4c86a !important;
+    border-radius: 15px !important;
+    padding: 20px !important;
+}
+
+.gradio-html {
+    background: linear-gradient(135deg, #EFFE8A 0%, white 100%) !important;
+    border-radius: 15px !important;
+    padding: 15px !important;
+    border: 1px solid #e6d77a !important;
+    box-shadow: 0 3px 6px rgba(239, 254, 138, 0.2) !important;
+}
+
+.gradio-image {
+    background-color: white !important;
+    border: 2px solid #EFFE8A !important;
+    border-radius: 12px !important;
+    padding: 15px !important;
+    box-shadow: 0 4px 8px rgba(239, 254, 138, 0.25) !important;
+}
+
 .metric-container {
     display: flex;
     justify-content: space-around;
     margin: 20px 0;
 }
 """
-
 # JavaScript to force light theme
 js = """
 function refresh() {
@@ -579,32 +605,9 @@ function refresh() {
 """
 
 
-from gradio.themes.utils import colors
-
-# Define your custom yellow hue
-custom_yellow = colors.Color(
-    name="custom_yellow",
-    c50="#EFFE8A",    # Your color
-    c100="#f5f0b3",   # Slightly darker
-    c200="#ebe6a6",   # Darker
-    c300="#e1dc99",   # Darker
-    c400="#d7d28c",   # Darker
-    c500="#cdc87f",   # Darker
-    c600="#c3be72",   # Darker
-    c700="#b9b465",   # Darker
-    c800="#afaa58",   # Darker
-    c900="#a5a04b",   # Darkest
-)
-
-# Use the custom hue
-custom_theme = gr.themes.Soft(
-    primary_hue=custom_yellow,
-    secondary_hue=colors.gray,
-    neutral_hue=colors.gray,
-)
 
 # Create the Gradio interface with light theme
-with gr.Blocks(css=css, js=js, theme=custom_theme) as demo:
+with gr.Blocks(css=css, js=js, theme=gr.themes.Soft()) as demo:
     gr.Markdown("""
         <h2 style="text-align: center; font-size: 2.25rem; font-weight: 600;">
             Driver Analysis - Multi-Target Analysis