Update app.py

app.py

@@ -35,19 +35,55 @@ def generate_headline_english(text):
 
 
 examples = [
-    #First parameter is for the dropdown menu, and the second parameter is for the starter of the poem
     ["Arabic", "تعتبر انبعاثات الغازات الدفيئة، مثل ثاني أكسيد الكربون (CO2) والميثان (CH4)، من الأسباب الرئيسية لتغير المناخ العالمي. تؤدي الأنشطة البشرية، مثل حرق الوقود الأحفوري لإنتاج الطاقة وإزالة الغابات والعمليات الصناعية، إلى زيادة كبيرة في تركيز هذه الغازات في الغلاف الجوي. وفقًا للهيئة الحكومية الدولية المعنية بتغير المناخ (IPCC)، ارتفعت مستويات ثاني أكسيد الكربون بأكثر من 50٪ منذ عصر ما قبل الصناعة، مما ساهم في ارتفاع درجات الحرارة العالمية."],
     ["English", "Greenhouse gas emissions, primarily carbon dioxide (CO2) and methane (CH4), are the main drivers of global climate change. Human activities, such as burning fossil fuels for energy, deforestation, and industrial processes, have significantly increased the concentration of these gases in the atmosphere. According to the Intergovernmental Panel on Climate Change (IPCC), CO2 levels have risen by over 50% since the pre-industrial era, contributing to rising global temperatures."]
 ]
 
+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;
+}
+"""
+
 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"),
 
-    examples=examples
+    examples=examples,
+    css=custom_css  
 )
+
 interface.launch()