Update app.py

app.py

@@ -226,6 +226,16 @@ def generate(input_dict: dict, chat_history: list[dict],
         final_response = "".join(outputs)
         yield final_response
 
+custom_css = """
+body { background-color: black; color: #00FF00; font-family: "Courier New", monospace; }
+.gradio-container { background-color: black; }
+textarea, input { background-color: #002400; color: #00FF00; border: 1px solid #00FF00; }
+button { background-color: #004d00; color: #00FF00; border: 1px solid #00FF00; }
+button:hover { background-color: #007a00; }
+.progress { background-color: #003300; }
+.slider { color: #00FF00; }
+"""
+
 # Create the Gradio ChatInterface with the custom CSS applied
 demo = gr.ChatInterface(
     fn=generate,
@@ -242,6 +252,7 @@ demo = gr.ChatInterface(
     textbox=gr.MultimodalTextbox(label="Query Input", file_types=["image", "video"], file_count="multiple"),
     stop_btn="Stop Generation",
     multimodal=True,
+    css=custom_css,
 )
 
 if __name__ == "__main__":