Update app.py

app.py

@@ -38,37 +38,42 @@ Sentiment:"""
 def main():
     st.set_page_config(page_title="Urdu Sentiment Analysis", page_icon="🇵🇰", layout="wide")
 
+    # Custom CSS with improved color scheme
     st.markdown("""
     <style>
     .main {
-        background-color: #f0f2f6;
         padding: 2rem;
         border-radius: 10px;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     }
     .title {
-        color: #1e3a8a;
+        color: #FF9933;
         font-size: 2.5rem;
         margin-bottom: 1rem;
+        text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
     }
     .subtitle {
-        color: #4a5568;
+        color: #6C8A9E;
         font-size: 1.2rem;
         margin-bottom: 2rem;
     }
-    .input-box {
-        background-color: white;
-        border: 1px solid #e2e8f0;
-        border-radius: 5px;
-        padding: 1rem;
+    .stTextInput > div > div > input {
+        background-color: rgba(255, 255, 255, 0.1);
+        color: #FFFFFF;
+    }
+    .stTextArea > div > div > textarea {
+        background-color: rgba(255, 255, 255, 0.1);
+        color: #FFFFFF;
     }
     .result-box {
-        background-color: white;
-        border: 1px solid #e2e8f0;
+        background-color: rgba(255, 255, 255, 0.1);
         border-radius: 5px;
         padding: 1rem;
         margin-top: 2rem;
     }
+    .stAlert {
+        background-color: rgba(255, 255, 255, 0.1);
+        color: #FFFFFF;
+    }
     </style>
     """, unsafe_allow_html=True)
 
@@ -77,7 +82,7 @@ def main():
 
     urdu_text = st.text_area("Enter Urdu text:", key="input", height=150)
 
-    if st.button("Analyze Sentiment"):
+    if st.button("Analyze Sentiment", key="analyze_button"):
         if urdu_text:
             with st.spinner("Analyzing sentiment..."):
                 sentiment = analyze_sentiment(urdu_text)