Update app.py

app.py

@@ -71,42 +71,48 @@ def transcribe_audio(audio_file, destination_language):
 
 # Gradio interface
 with gr.Blocks(css="""
-.background {
-    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364); 
-    color: white;
-    font-family: 'Arial', sans-serif;
+body {
+    background: linear-gradient(to right, #1e3c72, #2a5298); /* Professional gradient */
+    font-family: 'Roboto', sans-serif; /* Modern font for readability */
+    color: #ffffff; /* White text for high contrast */
+}
+h1, h2, h3, label {
+    color: #ffffff; /* Ensure headings and labels are visible */
 }
 button {
-    background-color: #4CAF50;
+    background-color: #4caf50; /* Professional green */
     color: white;
-    border-radius: 5px;
     border: none;
+    border-radius: 8px;
     padding: 10px 20px;
     font-size: 16px;
     cursor: pointer;
-    transition: background-color 0.3s;
+    transition: all 0.3s ease;
 }
 button:hover {
-    background-color: #45a049;
+    background-color: #45a049; /* Slightly darker green on hover */
 }
 input, textarea, select {
-    background-color: #f9f9f9;
-    color: black;
-    border-radius: 5px;
+    background-color: #f0f0f0;
+    color: #333333;
     border: 1px solid #ddd;
+    border-radius: 5px;
     padding: 10px;
+    width: 100%;
+}
+input:focus, textarea:focus, select:focus {
+    border-color: #4caf50; /* Highlight input fields on focus */
 }
 """) as demo:
-    with gr.Row(elem_classes="background"):
+    with gr.Row():
         gr.Markdown(
             """
-            # 🌐 AI-Powered Translation Chatbot  
-            **Translate text or audio into your desired language with professional precision.**  
-            """,
-            elem_classes="background"
+            # 🌐 AI Translation Assistant  
+            Translate **text or audio** into your desired language with professional accuracy.  
+            """
         )
 
-    with gr.Tabs(elem_classes="background"):
+    with gr.Tabs():
         with gr.Tab("Text Translation"):
             text_input = gr.Textbox(label="Input Text", lines=6, placeholder="Enter your text here...")
             language_dropdown = gr.Dropdown(