Update app.py

app.py

@@ -55,7 +55,7 @@ def demo_card_click(evt: gr.EventData):
 with gr.Blocks(
     theme=gr.themes.Base(
         primary_hue="blue",
-        secondary_hue="gray",
+        secondary_hue="blue",
         neutral_hue="gray",
         font=gr.themes.GoogleFont("Inter"),
         font_mono=gr.themes.GoogleFont("JetBrains Mono"),
@@ -63,7 +63,8 @@ with gr.Blocks(
         spacing_size=gr.themes.sizes.spacing_md,
         radius_size=gr.themes.sizes.radius_md
     ),
-    title="AnyCoder - AI Code Generator"
+    title="AnyCoder - AI Code Generator",
+    css="style.css"  # Load the custom CSS
 ) as demo:
     gr.HTML("<h1 align='center'>AnyCoder - AI Code Generator</h1>")
     history = gr.State([])
@@ -76,7 +77,7 @@ with gr.Blocks(
 
     with gr.Row():
         with gr.Column(scale=1):
-            gr.Markdown("## Controls")
+            gr.Markdown("## Controls", elem_classes=["col-header"])
             input = gr.Textbox(
                 label="What would you like to build?",
                 placeholder="Describe your application...",
@@ -109,12 +110,12 @@ with gr.Blocks(
                 btn = gr.Button("Generate", variant="primary", size="lg", scale=2, interactive=False)
                 clear_btn = gr.Button("Clear", variant="secondary", size="sm", scale=1)
             
-            gr.Markdown("---")
-            gr.Markdown("### Quick Examples")
+            gr.Markdown("---",)
+            gr.Markdown("### Quick Examples", elem_classes=["col-header"])
             quick_examples_col = create_top_demo_cards(input)
             
-            gr.Markdown("---")
-            gr.Markdown("### Settings")
+            gr.Markdown("---",)
+            gr.Markdown("### Settings", elem_classes=["col-header"])
             search_toggle = gr.Checkbox(
                 label="🔍 Web search",
                 value=False,
@@ -172,10 +173,8 @@ with gr.Blocks(
 
     async def submit_query(*args):
         """Handles the main code generation logic asynchronously."""
-        # This is the correct way to handle async generators in Gradio
-        with gr.Tabs():
-            async for update in generation_code(*args):
-                yield update
+        async for update in generation_code(*args):
+            yield update
 
     btn.click(fn=submit_query,
               inputs=[input, image_input, file_input, website_url_input, setting, history, current_model, search_toggle, language_dropdown],