Update app.py

app.py

@@ -22,11 +22,53 @@ def analyze_sentiment(text, language):
         arabic_label = arabic_labels.get(label, "غير معروف")  # Default to "Unknown" if label not found
         return arabic_label, result[0]['score']
 
-# Create Gradio interface
+# Create Gradio interface with custom CSS
+css = """
+body {
+    background-color: #f4f7f6;
+    font-family: 'Arial', sans-serif;
+}
+
+h1, h2 {
+    color: #3e606f;
+}
+
+.gradio-container {
+    border-radius: 10px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+}
+
+input, select, textarea {
+    border: 1px solid #3e606f;
+    border-radius: 5px;
+    padding: 10px;
+    margin-bottom: 10px;
+    width: 100%;
+}
+
+button {
+    background-color: #3e606f;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    padding: 10px 15px;
+    cursor: pointer;
+}
+
+button:hover {
+    background-color: #2c4d4f;
+}
+
+.result {
+    font-weight: bold;
+    color: #3e606f;
+}
+"""
+
 iface = gr.Interface(
     fn=analyze_sentiment,
     inputs=[
-        gr.Textbox(label="Enter text"),
+        gr.Textbox(label="Enter text", placeholder="Type your text here..."),
         gr.Radio(choices=["English", "Arabic"], label="Select Language")
     ],
     outputs=[
@@ -40,7 +82,8 @@ iface = gr.Interface(
         ["This is the worst experience I've ever had.", "English"],
         ["أنا سعيد جدًا بهذا!", "Arabic"],
         ["هذا المكان سيء للغاية.", "Arabic"]
-    ]
+    ],
+    css=css  # Add custom CSS here
 )
 
 iface.launch()