Update app.py

app.py

@@ -56,6 +56,41 @@ def text_to_speech_english(text):
     sampling_rate = speech["sampling_rate"]
     return (sampling_rate, audio_data)
 
+custom_css = """
+body {
+    background-color: #f4f4f9;
+    color: #333;
+}
+.gradio-container {
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    background-color: #fff;
+}
+label {
+    color: #9B59B6;  
+    font-weight: bold;
+}
+input[type="text"], textarea {
+    border: 1px solid #9B59B6;  
+}
+textarea {
+    height: 150px;
+}
+button {
+    background-color: #9B59B6;  
+    color: #fff;
+    border-radius: 5px;
+    cursor: pointer;
+}
+button:hover {
+    background-color: #8E44AD;  
+}
+.dropdown {
+    border: 1px solid #9B59B6;  
+    border-radius: 4px;
+}
+"""
+
 examples = [
     #First parameter is for the dropdown menu, and the second parameter is for the starter of the poem
     ["Arabic", "تعتبر انبعاثات الغازات الدفيئة، مثل ثاني أكسيد الكربون (CO2) والميثان (CH4)، من الأسباب الرئيسية لتغير المناخ العالمي. تؤدي الأنشطة البشرية، مثل حرق الوقود الأحفوري لإنتاج الطاقة وإزالة الغابات والعمليات الصناعية، إلى زيادة كبيرة في تركيز هذه الغازات في الغلاف الجوي. وفقًا للهيئة الحكومية الدولية المعنية بتغير المناخ (IPCC)، ارتفعت مستويات ثاني أكسيد الكربون بأكثر من 50٪ منذ عصر ما قبل الصناعة، مما ساهم في ارتفاع درجات الحرارة العالمية."],
@@ -66,13 +101,15 @@ interface = gr.Interface(
     fn=generate_headline,
     inputs=[
         gr.Dropdown(choices=["Arabic", "English"], label="Select Language"),
-        gr.Textbox(lines=5, placeholder="Enter article text here...")
+        gr.Textbox(lines=5, placeholder="Enter article text here...",label="Text/Article")
     ],
     outputs=[
         gr.Textbox(label="Generated Headline"),
         gr.Audio(label="Generated Audio", type="numpy")
     ],
-
-    examples=examples
+    examples=examples,
+    css=custom_css  
 )
-interface.launch()
+
+interface.launch()
+