Update app.py

app.py

@@ -227,38 +227,38 @@ def process_pdf(file_obj, progress=gr.Progress()) -> Tuple[Optional[str], str, s
             for file_path in output_files:
                 zipf.write(file_path, file_path.name)
         
-        # Generate statistics HTML
+        # Generate statistics HTML with fixed styling
         stats_html = f"""
-        <div style="padding: 20px; background: #f0f9ff; border-radius: 10px; margin: 10px 0;">
+        <div style="padding: 20px; background: #e8f4f8; border-radius: 10px; margin: 10px 0; border: 1px solid #0369a1;">
             <h3 style="color: #0369a1; margin-top: 0;">📊 Processing Results</h3>
             <table style="width: 100%; border-collapse: collapse;">
-                <tr style="border-bottom: 1px solid #e0e0e0;">
-                    <td style="padding: 8px; font-weight: bold;">📄 Total Pages:</td>
-                    <td style="padding: 8px; text-align: right;">{stats['total_pages']}</td>
+                <tr style="border-bottom: 1px solid #94a3b8;">
+                    <td style="padding: 8px; font-weight: bold; color: #1e293b;">📄 Total Pages:</td>
+                    <td style="padding: 8px; text-align: right; color: #334155;">{stats['total_pages']}</td>
                 </tr>
-                <tr style="border-bottom: 1px solid #e0e0e0;">
-                    <td style="padding: 8px; font-weight: bold;">✅ Segments Created:</td>
-                    <td style="padding: 8px; text-align: right;">{stats['segments_created']}</td>
+                <tr style="border-bottom: 1px solid #94a3b8;">
+                    <td style="padding: 8px; font-weight: bold; color: #1e293b;">✅ Segments Created:</td>
+                    <td style="padding: 8px; text-align: right; color: #334155;">{stats['segments_created']}</td>
                 </tr>
-                <tr style="border-bottom: 1px solid #e0e0e0;">
-                    <td style="padding: 8px; font-weight: bold;">📦 Original Size:</td>
-                    <td style="padding: 8px; text-align: right;">{stats['original_size_mb']:.2f} MB</td>
+                <tr style="border-bottom: 1px solid #94a3b8;">
+                    <td style="padding: 8px; font-weight: bold; color: #1e293b;">📦 Original Size:</td>
+                    <td style="padding: 8px; text-align: right; color: #334155;">{stats['original_size_mb']:.2f} MB</td>
                 </tr>
-                <tr style="border-bottom: 1px solid #e0e0e0;">
-                    <td style="padding: 8px; font-weight: bold;">📁 Total Output Size:</td>
-                    <td style="padding: 8px; text-align: right;">{stats['total_output_size_mb']:.2f} MB</td>
+                <tr style="border-bottom: 1px solid #94a3b8;">
+                    <td style="padding: 8px; font-weight: bold; color: #1e293b;">📁 Total Output Size:</td>
+                    <td style="padding: 8px; text-align: right; color: #334155;">{stats['total_output_size_mb']:.2f} MB</td>
                 </tr>
                 <tr>
-                    <td style="padding: 8px; font-weight: bold;">💾 Compression Ratio:</td>
-                    <td style="padding: 8px; text-align: right;">
-                        {((1 - stats['total_output_size_mb'] / stats['original_size_mb']) * 100):.1f}%
+                    <td style="padding: 8px; font-weight: bold; color: #1e293b;">💾 Compression Ratio:</td>
+                    <td style="padding: 8px; text-align: right; color: #334155;">
+                        {((1 - stats['total_output_size_mb'] / stats['original_size_mb']) * 100) if stats['original_size_mb'] > 0 else 0:.1f}%
                     </td>
                 </tr>
             </table>
             <p style="margin-top: 15px; color: #059669; font-weight: bold;">
                 ✨ Your file has been split successfully!
             </p>
-            <p style="margin-top: 10px; color: #6b7280; font-size: 0.9em;">
+            <p style="margin-top: 10px; color: #64748b; font-size: 0.9em;">
                 ⏱️ Files will be automatically deleted after {CLEANUP_AFTER_MINUTES} minutes
             </p>
         </div>
@@ -280,19 +280,52 @@ def process_pdf(file_obj, progress=gr.Progress()) -> Tuple[Optional[str], str, s
             pass
         return None, "", f"❌ Error: {str(e)}"
 
-# Create Gradio interface
-with gr.Blocks(
-    title="PDF Splitter - Fast & Simple",
-    theme=gr.themes.Soft(),
-    css="""
+# Custom CSS to fix text visibility and button styling
+custom_css = """
     .gradio-container {
         max-width: 800px;
         margin: auto;
     }
-    footer {
-        display: none !important;
+    
+    /* Fix text colors to ensure visibility */
+    .markdown-text, .markdown-text p, .markdown-text h1, .markdown-text h2, .markdown-text h3 {
+        color: #1f2937 !important;
     }
-    """
+    
+    /* Ensure download button is styled properly */
+    .download-button, button[aria-label*="Download"] {
+        background-color: #3b82f6 !important;
+        color: white !important;
+        cursor: pointer !important;
+    }
+    
+    .download-button:hover, button[aria-label*="Download"]:hover {
+        background-color: #2563eb !important;
+    }
+    
+    /* Fix file component styling */
+    .file-preview {
+        background-color: #f3f4f6 !important;
+        border: 1px solid #d1d5db !important;
+    }
+    
+    /* Ensure all text is visible */
+    label, .label-text {
+        color: #374151 !important;
+    }
+    
+    /* Status text visibility */
+    .status-text {
+        color: #1f2937 !important;
+        font-weight: 500;
+    }
+"""
+
+# Create Gradio interface with fixed theme
+with gr.Blocks(
+    title="PDF Splitter - Fast & Simple",
+    theme=gr.themes.Base(),  # Using Base theme for better control
+    css=custom_css
 ) as app:
     
     gr.Markdown("""
@@ -316,25 +349,29 @@ with gr.Blocks(
             file_input = gr.File(
                 label="Upload PDF",
                 file_types=[".pdf"],
-                type="filepath"
+                type="filepath",
+                elem_classes="file-upload"
             )
             
             split_btn = gr.Button(
                 "🚀 Split PDF", 
                 variant="primary",
-                size="lg"
+                size="lg",
+                elem_classes="split-button"
             )
     
     with gr.Row():
-        status_text = gr.Markdown("Ready to process your PDF...")
+        status_text = gr.Markdown("Ready to process your PDF...", elem_classes="status-text")
     
     with gr.Row():
-        stats_output = gr.HTML()
+        stats_output = gr.HTML(elem_classes="stats-output")
     
     with gr.Row():
         download_file = gr.File(
             label="📦 Download ZIP",
-            visible=True
+            visible=True,
+            elem_classes="download-section",
+            interactive=False  # Make it non-interactive until file is ready
         )
     
     # Handle processing
@@ -344,7 +381,7 @@ with gr.Blocks(
         outputs=[download_file, stats_output, status_text]
     )
     
-    # Add examples
+    # Add features with proper styling
     gr.Markdown("""
     ---
     ### 💡 Features:
@@ -357,12 +394,13 @@ with gr.Blocks(
     ### 🔒 Privacy:
     All uploaded files are automatically deleted after processing and download.
     No files are stored permanently on the server.
-    """)
+    """, elem_classes="features-section")
 
 # Launch the app
 if __name__ == "__main__":
     app.launch(
         server_name="0.0.0.0",
         server_port=7860,
-        share=False
+        share=False,
+        show_error=True
     )