Update app.py

app.py

@@ -59,6 +59,58 @@ async def create_demo():
     You can enter any text and select the voice you want to use.
     Adjust the speech rate and pitch according to your preference.
     """
+    
+    custom_css = """
+    body {
+        background: linear-gradient(45deg, #FF5733, #DD2C00);
+        color: white;
+        font-family: 'Arial', sans-serif;
+        transition: background 1s ease-in-out;
+    }
+    .gr-button {
+        background: linear-gradient(45deg, #FF5733, #DD2C00);
+        border: none;
+        color: white;
+        padding: 10px 20px;
+        margin: 10px;
+        border-radius: 5px;
+        cursor: pointer;
+        transition: background 0.3s ease-in-out;
+    }
+    .gr-button:hover {
+        background: linear-gradient(45deg, #DD2C00, #FF5733);
+    }
+    .gr-input {
+        background: rgba(255, 87, 51, 0.2);
+        border: 1px solid #FF5733;
+        border-radius: 5px;
+        padding: 10px;
+        transition: background 0.3s ease-in-out;
+    }
+    .gr-input:focus {
+        background: rgba(255, 87, 51, 0.4);
+    }
+    .gr-slider {
+        background: rgba(255, 87, 51, 0.2);
+        border: 1px solid #FF5733;
+        border-radius: 5px;
+        padding: 10px;
+        transition: background 0.3s ease-in-out;
+    }
+    .gr-slider:hover {
+        background: rgba(255, 87, 51, 0.4);
+    }
+    .gr-dropdown {
+        background: rgba(255, 87, 51, 0.2);
+        border: 1px solid #FF5733;
+        border-radius: 5px;
+        padding: 10px;
+        transition: background 0.3s ease-in-out;
+    }
+    .gr-dropdown:hover {
+        background: rgba(255, 87, 51, 0.4);
+    }
+    """
 
     demo = gr.Interface(
         fn=tts_interface,
@@ -76,11 +128,12 @@ async def create_demo():
         description=description,
         article="",
         analytics_enabled=False,
-        allow_flagging="manual"
+        allow_flagging="manual",
+        css=custom_css
     )
     return demo
 
 # Run the application
 if __name__ == "__main__":
     demo = asyncio.run(create_demo())
-    demo.launch()
+    demo.launch()