Update app.py

app.py

@@ -49,7 +49,7 @@ def process_text_pipeline(text):
 
     return "\n".join(processed_sentences)
 
-# Add CSS with background image
+# CSS for transparent boxes and background image
 background_css = """
 .gradio-container {
     background-image: url('https://huggingface.co/spaces/dnzblgn/Sarcasm_Detection/resolve/main/image.png');
@@ -57,13 +57,24 @@ background_css = """
     background-position: center;
     color: white;
 }
+
+.gr-input, .gr-textbox {
+    background-color: rgba(255, 255, 255, 0.3) !important;  /* Make the boxes transparent */
+    border-radius: 10px;
+    padding: 10px;
+    color: black !important;
+}
+
+h1, h2, p {
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);  /* Add subtle shadow to text for better readability */
+}
 """
 
-# Gradio UI with updated background image
+# Gradio UI with updated header and transparent design
 with gr.Blocks(css=background_css) as interface:
     gr.Markdown(
         """
-        <h1 style='text-align: center; font-size: 36px;'>🌟 Sarcasm Detection for Customer Reviews 🌟</h1>
+        <h1 style='text-align: center; font-size: 36px;'>🌟 Sentiment Analysis Powered by Sarcasm Detection 🌟</h1>
         <p style='text-align: center; font-size: 18px;'>Analyze the sentiment of customer reviews and detect sarcasm in positive reviews.</p>
         """
     )
@@ -76,7 +87,7 @@ with gr.Blocks(css=background_css) as interface:
                 placeholder="Enter one or more sentences, each on a new line."
             )
             result_output = gr.Textbox(label="Results", lines=10, interactive=False)
-        analyze_button = gr.Button("🔍 Process")
+        analyze_button = gr.Button("🔍 Analyze")
 
         analyze_button.click(process_text_pipeline, inputs=text_input, outputs=result_output)