Fix theme problems

app.py

@@ -244,112 +244,7 @@ def process_and_generate(image_input, image_path_from_state, sidebar_prompt, hea
     return layout_preview, final_preview, final_code, layout_code, final_code, gr.update(value=package_url, visible=True)
 
 
-with gr.Blocks(theme=gr.themes.soft(), css="""
-    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
-    
-    * {
-        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
-    }
-    
-    h1, h2, h3, h4, h5, h6 {
-        font-weight: 600 !important;
-        color: #1f2937 !important;
-        letter-spacing: -0.025em !important;
-    }
-    
-    h1 {
-        font-size: 2.25rem !important;
-        font-weight: 700 !important;
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
-        margin-bottom: 1.5rem !important;
-    }
-    
-    h2 {
-        font-size: 1.5rem !important;
-        font-weight: 600 !important;
-        color: #374151 !important;
-        margin-bottom: 1rem !important;
-    }
-    
-    .gr-button {
-        font-weight: 500 !important;
-        border-radius: 8px !important;
-        transition: all 0.2s ease !important;
-    }
-    
-    .gr-button:hover {
-        transform: translateY(-1px) !important;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
-    }
-    
-    .gr-textbox, .gr-slider {
-        border-radius: 8px !important;
-    }
-    
-    .gr-textbox input, .gr-textbox textarea {
-        font-family: 'Inter', sans-serif !important;
-        font-size: 14px !important;
-    }
-    
-    .gr-slider {
-        font-family: 'Inter', sans-serif !important;
-    }
-    
-    .gr-tabs {
-        border-radius: 12px !important;
-        overflow: hidden !important;
-    }
-    
-    .gr-tab-nav {
-        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
-    }
-    
-    .gr-tab-nav button {
-        font-weight: 500 !important;
-        color: #64748b !important;
-        transition: all 0.2s ease !important;
-    }
-    
-    .gr-tab-nav button.selected {
-        color: #3b82f6 !important;
-        background: white !important;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
-    }
-    
-    .gr-accordion {
-        border-radius: 8px !important;
-        border: 1px solid #e5e7eb !important;
-    }
-    
-    .gr-accordion-header {
-        font-weight: 500 !important;
-        color: #374151 !important;
-    }
-    
-    .gr-markdown {
-        font-family: 'Inter', sans-serif !important;
-        line-height: 1.6 !important;
-    }
-    
-    .gr-markdown strong {
-        color: #059669 !important;
-        font-weight: 600 !important;
-    }
-    
-    .gr-examples {
-        border-radius: 12px !important;
-        border: 1px solid #e5e7eb !important;
-        background: #f9fafb !important;
-    }
-    
-    .gr-examples-header {
-        font-weight: 600 !important;
-        color: #374151 !important;
-    }
-""") as demo:
+with gr.Blocks(theme=gr.themes.soft()) as demo:
     gr.Markdown("# ScreenCoder: Screenshot to Code")
     with gr.Row():
         with gr.Column(scale=1):