Update app.py

app.py

@@ -8,7 +8,6 @@ asr = pipeline(task="automatic-speech-recognition", model="distil-whisper/distil
 summarizer = pipeline("summarization", model="facebook/bart-large-cnn")
 qa_pipeline = pipeline("question-answering", model="distilbert-base-cased-distilled-squad")
 
-# Global transcript
 stored_transcript = ""
 
 def transcribe_and_summarize(video_file):
@@ -44,47 +43,27 @@ def answer_question(question):
     result = qa_pipeline(question=question, context=stored_transcript)
     return result['answer']
 
-# Custom neon yellow and black theme
-neon_theme = gr.themes.Base(
-    primary_hue="yellow",
-    secondary_hue="yellow"
-).set(
-    body_background="#000000",
-    body_text_color="#FFFF33",  # Neon yellow
-    button_primary_background="#FFFF33",
-    button_primary_text_color="#000000",
-    button_secondary_background="#222222",
-    button_secondary_text_color="#FFFF33",
-    input_background="#111111",
-    input_border_color="#FFFF33",
-    input_text_color="#FFFF33",
-    block_border_color="#FFFF33",
-    block_background="#000000"
-)
-
-# Gradio UI
-with gr.Blocks(theme=neon_theme) as iface:
-    gr.Markdown("## 🎥 <span style='color:#FFFF33'>Video Transcriber, Summarizer & Q&A Tool</span>", unsafe_allow_html=True)
-    gr.Markdown("<span style='color:#CCCC33'>Upload a video to get a transcript, summary, and ask questions about its content.</span>", unsafe_allow_html=True)
+with gr.Blocks(css="""
+body { background-color: black !important; }
+.gradio-container { color: #FFFF33 !important; }
+button { background-color: #FFFF33 !important; color: black !important; border: none !important; }
+input, textarea, .gr-textbox, .gr-video { background-color: #111 !important; color: #FFFF33 !important; border-color: #FFFF33 !important; }
+""") as iface:
+    gr.HTML("<h1 style='color:#FFFF33'>🎥 Video Transcriber, Summarizer & Q&A Tool</h1>")
+    gr.HTML("<p style='color:#CCCC33'>Upload a video to get a transcript, summary, and ask questions about its content.</p>")
 
     with gr.Tab("📝 Transcription & Summary"):
-        with gr.Row():
-            video_input = gr.Video(label="Upload Video (.mp4)", interactive=True)
-        with gr.Row():
-            transcribe_btn = gr.Button("🚀 Transcribe and Summarize")
-        with gr.Row():
-            transcribed_text = gr.Textbox(label="Transcribed Text", lines=8, interactive=False)
-            summarized_text = gr.Textbox(label="Summarized Text", lines=8, interactive=False)
+        video_input = gr.Video(label="Upload Video (.mp4)", interactive=True)
+        transcribe_btn = gr.Button("🚀 Transcribe and Summarize")
+        transcribed_text = gr.Textbox(label="Transcribed Text", lines=8, interactive=False)
+        summarized_text = gr.Textbox(label="Summarized Text", lines=8, interactive=False)
 
         transcribe_btn.click(fn=transcribe_and_summarize, inputs=video_input, outputs=[transcribed_text, summarized_text])
 
     with gr.Tab("❓ Ask Questions"):
-        with gr.Row():
-            question_input = gr.Textbox(label="Ask a question based on the transcript", placeholder="E.g., What is the main topic?")
-        with gr.Row():
-            ask_btn = gr.Button("🔍 Get Answer")
-        with gr.Row():
-            answer_output = gr.Textbox(label="Answer", interactive=False)
+        question_input = gr.Textbox(label="Ask a question based on the transcript", placeholder="E.g., What is the main topic?")
+        ask_btn = gr.Button("🔍 Get Answer")
+        answer_output = gr.Textbox(label="Answer", interactive=False)
 
         ask_btn.click(fn=answer_question, inputs=question_input, outputs=answer_output)