fix: update theme

app.py

@@ -109,6 +109,24 @@ css = """
 }
 """
 
+theme = gr.themes.Default(
+    spacing_size="sm",
+    font=[gr.themes.GoogleFont("Plus Jakarta Sans"), "Arial", "sans-serif"],
+    primary_hue="indigo",
+    secondary_hue="purple"
+).set(
+    background_fill_primary="""
+    radial-gradient(circle at 75% 25%,
+        rgba(91, 104, 223, 0.3) -1.01%,
+        rgba(55, 62, 134, 0.3) 66.48%,
+        rgba(49, 56, 121, 0.3) 66.49%
+    )
+    """,
+    background={
+        "filter": "blur(273.5px)",
+        "border-radius": "2689px"
+    })
+
 def format_string(retrieved_context, user_input, model_output, gold_answer):
     parts = []
     if retrieved_context:
@@ -158,7 +176,7 @@ def model_call(model_output, user_input, gold_answer, retrieved_context, pass_cr
 def select_template(template):
     return template["model_output"], template["user_input"], template["gold_answer"], template["retrieved_context"], template["pass_criteria"], template["rubric"]
 
-with gr.Blocks(css=css, theme=gr.themes.Default(spacing_size="sm", font=[gr.themes.GoogleFont("Plus Jakarta Sans"), "Arial", "sans-serif"], primary_hue="indigo", secondary_hue="purple").set(background_fill_primary="radial-gradient(circle at top right, rgba(255,255,255,0.2), #000000 70%)")) as demo:
+with gr.Blocks(css=css, theme=theme) as demo:
     gr.Markdown(HEADER)
     with gr.Row(equal_height=True):
         with gr.Column(scale=1):