Update app.py

app.py

@@ -79,6 +79,69 @@ def process_audio(audio_file, seconds=0.05):
 
 
 
+# def ui():
+#     theme = gr.themes.Soft(
+#         font=[gr.themes.GoogleFont("Source Sans Pro"), "Arial", "sans-serif"]
+#     )
+
+#     css = """
+#     .gradio-container {max-width: none !important;}
+#     .tab-content {padding: 20px;}
+#     """
+
+#     with gr.Blocks(theme=theme, css=css) as demo:
+#         # gr.Markdown(
+#         #     """
+#         #     # Remove Silence From Audio
+#         #     Upload an MP3 or WAV file, and it will remove silent parts from it.
+#         #     """
+#         # )
+#         gr.HTML("""
+#         <div style="text-align:center; margin:20px auto; max-width:800px;">
+#             <h1 style="font-size:2.4em; margin-bottom:6px;">
+#                 🔇 Remove Silence From Audio
+#             </h1>
+        
+#             <p style="font-size:1.05em; color:#555; margin:0 0 10px;">
+#                 Upload an MP3 or WAV file, and it will remove silent parts from it.
+#             </p>
+        
+#             <p style="font-size:0.9em; color:#777;">
+#                 Made by 
+#                 <a href="https://github.com/NeuralFalconYT" target="_blank" style="text-decoration:none;">
+#                     NeuralFalconYT
+#                 </a>
+#             </p>
+#         </div>
+#         """)
+
+#         with gr.Row():
+#             with gr.Column(scale=1):
+#                 audio_input = gr.Audio(
+#                     label="Upload Audio",
+#                     type="filepath",
+#                     sources=["upload", "microphone"]
+#                 )
+
+#                 silence_threshold = gr.Number(
+#                     label="Keep Silence Upto (In seconds)",
+#                     value=0.05
+#                 )
+
+#                 submit_btn = gr.Button("Remove Silence")
+
+#             with gr.Column(scale=1):
+#                 audio_output = gr.Audio(label="Play Audio")
+#                 file_output = gr.File(label="Download Audio File")
+#                 duration_output = gr.Textbox(label="Duration")
+
+#         submit_btn.click(
+#             fn=process_audio,
+#             inputs=[audio_input, silence_threshold],
+#             outputs=[audio_output, file_output, duration_output]
+#         )
+
+#     return demo
 def ui():
     theme = gr.themes.Soft(
         font=[gr.themes.GoogleFont("Source Sans Pro"), "Arial", "sans-serif"]
@@ -87,25 +150,36 @@ def ui():
     css = """
     .gradio-container {max-width: none !important;}
     .tab-content {padding: 20px;}
+
+    /* Primary button - BLUE by default */
+    button.primary {
+        background-color: #2563eb !important;
+        color: white !important;
+        font-weight: 600;
+        border: none !important;
+        border-radius: 10px;
+        padding: 12px 18px;
+        font-size: 1.05em;
+    }
+
+    button.primary:hover {
+        background-color: #1e40af !important;
+    }
     """
 
     with gr.Blocks(theme=theme, css=css) as demo:
-        # gr.Markdown(
-        #     """
-        #     # Remove Silence From Audio
-        #     Upload an MP3 or WAV file, and it will remove silent parts from it.
-        #     """
-        # )
+
+        # Header
         gr.HTML("""
         <div style="text-align:center; margin:20px auto; max-width:800px;">
             <h1 style="font-size:2.4em; margin-bottom:6px;">
                 🔇 Remove Silence From Audio
             </h1>
-        
+
             <p style="font-size:1.05em; color:#555; margin:0 0 10px;">
                 Upload an MP3 or WAV file, and it will remove silent parts from it.
             </p>
-        
+
             <p style="font-size:0.9em; color:#777;">
                 Made by 
                 <a href="https://github.com/NeuralFalconYT" target="_blank" style="text-decoration:none;">
@@ -116,6 +190,7 @@ def ui():
         """)
 
         with gr.Row():
+            # LEFT: Inputs
             with gr.Column(scale=1):
                 audio_input = gr.Audio(
                     label="Upload Audio",
@@ -128,22 +203,25 @@ def ui():
                     value=0.05
                 )
 
-                submit_btn = gr.Button("Remove Silence")
+                submit_btn = gr.Button(
+                    "🔇 Remove Silence",
+                    variant="primary"
+                )
 
+            # RIGHT: Outputs
             with gr.Column(scale=1):
                 audio_output = gr.Audio(label="Play Audio")
                 file_output = gr.File(label="Download Audio File")
                 duration_output = gr.Textbox(label="Duration")
 
         submit_btn.click(
-            fn=process_audio,
+            fn=process_audio,   # <-- your function
             inputs=[audio_input, silence_threshold],
             outputs=[audio_output, file_output, duration_output]
         )
 
     return demo
 
-
 import click
 @click.command()
 @click.option("--debug", is_flag=True, default=False, help="Enable debug mode.")