Update app.py

app.py

@@ -26,28 +26,42 @@ def translate_text(model, tokenizer, text):
     translated_text = tokenizer.decode(translated[0], skip_special_tokens=True)
     return translated_text
 
-# Streamlit app layout with CSS for background and design
+# Streamlit app layout with dark color scheme
 st.markdown("""
     <style>
         body {
-            background: linear-gradient(to right, #4facfe, #00f2fe);
-            color: white;
+            background-color: #121212;
+            color: #e0e0e0;
         }
         .stApp {
-            background: linear-gradient(to bottom, #4facfe, #00f2fe);
+            background-color: #121212;
         }
         .css-1d391kg {
-            background-color: rgba(0, 0, 0, 0.7);
-            color: white;
+            background-color: #1f1f1f;
+            color: #e0e0e0;
             border-radius: 10px;
             padding: 20px;
         }
+        .stButton > button {
+            background-color: #1f1f1f;
+            color: #e0e0e0;
+            border: 1px solid #333;
+        }
+        .stButton > button:hover {
+            background-color: #333;
+            border: 1px solid #444;
+        }
+        .stTextArea textarea {
+            background-color: #1f1f1f;
+            color: #e0e0e0;
+            border: 1px solid #333;
+        }
     </style>
 """, unsafe_allow_html=True)
 
-# App title and subtitle with attractive design
-st.markdown("<h1 style='text-align: center; color: white;'>🌍 Polyglot Translator 🌍</h1>", unsafe_allow_html=True)
-st.markdown("<p style='text-align: center; color: #ffffff; font-size: 20px;'>Empowering You to Speak Any Language!</p>", unsafe_allow_html=True)
+# App title and subtitle with dark theme
+st.markdown("<h1 style='text-align: center; color: #e0e0e0;'>🌍 Polyglot Translator 🌍</h1>", unsafe_allow_html=True)
+st.markdown("<p style='text-align: center; color: #b0b0b0; font-size: 20px;'>Empowering You to Speak Any Language!</p>", unsafe_allow_html=True)
 
 # Sidebar for language selection and instructions
 st.sidebar.title("Language Options")
@@ -59,11 +73,11 @@ st.sidebar.write("2. Select the target language from the options.")
 st.sidebar.write("3. Click **Translate** to get the result.")
 
 # Input text
-st.markdown("<h3 style='color: white;'>Enter text in English to translate:</h3>", unsafe_allow_html=True)
+st.markdown("<h3 style='color: #e0e0e0;'>Enter text in English to translate:</h3>", unsafe_allow_html=True)
 text = st.text_area("", height=150)
 
 # Character count
-st.write(f"<p style='color: white;'>Character count: {len(text)}</p>", unsafe_allow_html=True)
+st.write(f"<p style='color: #e0e0e0;'>Character count: {len(text)}</p>", unsafe_allow_html=True)
 
 # Button to translate
 if st.button("Translate"):
@@ -78,7 +92,7 @@ if st.button("Translate"):
             translated_text = translate_text(model, tokenizer, text)
         
         # Display the translation
-        st.markdown(f"<h3 style='color: white;'>Translated Text ({language}):</h3>", unsafe_allow_html=True)
+        st.markdown(f"<h3 style='color: #e0e0e0;'>Translated Text ({language}):</h3>", unsafe_allow_html=True)
         st.success(translated_text)
     else:
         st.error("Please enter text to translate.")