Update app.py

app.py

@@ -137,15 +137,92 @@ with gr.Blocks() as demo:
         outputs=output_file
     )
 
-    # Toggle between light and dark mode
-    def toggle_theme():
-        if demo.theme == gr.themes.Default():
-            demo.theme = gr.themes.Monokai()
-        else:
-            demo.theme = gr.themes.Default()
-        return gr.update()
+
+# theme toggle function
+css = '''
+body.light-mode {
+    --bg-color: white;
+    --text-color: black;
+}
+
+body.dark-mode {
+    --bg-color: #2D2D2D;
+    --text-color: white;
+}
+
+body {
+    background-color: var(--bg-color);
+    color: var(--text-color);
+}
+'''
+
+with gr.Blocks(css=css) as demo:
+    theme_state = gr.State('light')  # Initialize theme state
+
+    gr.Markdown("# 📼 Video Transcription and Subtitles Generator")
+    gr.Markdown("Upload a video or audio file to get the transcription or subtitles.")
+
+    with gr.Row():
+        file_input = gr.File(
+            label="Upload Video or Audio File",
+            file_types=['video', 'audio'],
+            type='filepath'  # Changed to 'filepath'
+        )
+
+    with gr.Row():
+        model_size_input = gr.Dropdown(
+            label="Select Whisper Model Size",
+            choices=model_sizes,
+            value='small'
+        )
+        task_input = gr.Dropdown(
+            label="Select Task",
+            choices=tasks,
+            value='transcribe'
+        )
+        output_format_input = gr.Dropdown(
+            label="Select Output Format",
+            choices=output_formats['transcribe'],
+            value=output_formats['transcribe'][0]
+        )
+        language_input = gr.Dropdown(
+            label="Select Original Language (Optional)",
+            choices=languages,
+            value='Auto-detect'
+        )
+
+    task_input.change(
+        fn=update_output_format,
+        inputs=task_input,
+        outputs=output_format_input
+    )
+
+    submit_button = gr.Button("Generate")
+    output_file = gr.File(label="Download Output File")
+
+    submit_button.click(
+        fn=generate_output,
+        inputs=[
+            file_input,  # Passing file_path directly
+            model_size_input,
+            task_input,
+            output_format_input,
+            language_input
+        ],
+        outputs=output_file
+    )
+
+    # Update the theme toggle function
+    def toggle_theme(current_theme):
+        new_theme = 'dark' if current_theme == 'light' else 'light'
+        js_code = f"document.body.className = '{new_theme}-mode';"
+        return new_theme, gr.HTML.update(value=f"<script>{js_code}</script>")
 
     theme_button = gr.Button("Toggle Theme")
-    theme_button.click(fn=toggle_theme, outputs=[])
+    theme_button.click(
+        fn=toggle_theme,
+        inputs=theme_state,
+        outputs=[theme_state, gr.HTML()]
+    )
 
 demo.launch()