Update app.py

app.py

@@ -15,8 +15,11 @@ model, tokenizer = load_model_and_tokenizer()
 st.title("English to Multiple Language Translator")
 st.write("Translate English text into different languages using AI.")
 
+# Sidebar for settings
+st.sidebar.title("Settings")
+
 # Dark mode toggle
-dark_mode = st.sidebar.checkbox("Dark Mode")
+dark_mode = st.sidebar.checkbox("🌙 Dark Mode")
 
 # Custom CSS for dark and light mode
 if dark_mode:
@@ -24,19 +27,29 @@ if dark_mode:
         """
         <style>
         body {
-            background-color: #121212;
+            background-color: #2e2e2e;
             color: #FFFFFF;
         }
         .stButton>button {
-            background-color: #1f77b4;
+            background-color: #4CAF50;
             color: white;
         }
         .stTextInput>div>input {
-            background-color: #333333;
+            background-color: #4b4b4b;
             color: white;
+            border: 1px solid #ccc;
         }
         .stSidebar {
-            background-color: #333333;
+            background-color: #383838;
+        }
+        .stSidebar h1, .stSidebar h2, .stSidebar h3, .stSidebar h4, .stSidebar h5, .stSidebar h6, .stSidebar .markdown-text-container {
+            color: #FFFFFF;
+        }
+        .stSidebar a {
+            color: #1f77b4;
+        }
+        .stSidebar .stCheckbox div {
+            color: #FFFFFF;
         }
         </style>
         """,
@@ -57,10 +70,20 @@ else:
         .stTextInput>div>input {
             background-color: #FFFFFF;
             color: black;
+            border: 1px solid #ccc;
         }
         .stSidebar {
             background-color: #f0f2f6;
         }
+        .stSidebar h1, .stSidebar h2, .stSidebar h3, .stSidebar h4, .stSidebar h5, .stSidebar h6, .stSidebar .markdown-text-container {
+            color: #000000;
+        }
+        .stSidebar a {
+            color: #1f77b4;
+        }
+        .stSidebar .stCheckbox div {
+            color: #000000;
+        }
         </style>
         """,
         unsafe_allow_html=True,
@@ -70,7 +93,6 @@ else:
 input_text = st.text_area("Enter English text:", value="")
 
 # Sidebar for language selection
-st.sidebar.title("Settings")
 st.sidebar.subheader("Select Target Language")
 
 language_options = {
@@ -109,7 +131,7 @@ if st.button("Translate"):
         st.write("Please enter text to translate.")
 
 # Contact information
-st.sidebar.title("Contact Us")
+st.sidebar.subheader("Contact Developer")
 st.sidebar.write("Developer: [M.Abbas](https://www.linkedin.com/in/mohammad-abbas-dev/)")
 st.sidebar.write("Gmail: [email protected]")