Update app.py

app.py

@@ -13,19 +13,18 @@ def create_interface():
         gr.HTML(
         """<style>
         @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@400&display=swap');
-
-        body { background-color: #f0f0f0; font-family: 'Roboto', sans-serif; }
-        h1 { font-family: 'Poppins', sans-serif; color: #4CAF50; text-align: center; }
-        h3 { font-family: 'Roboto', sans-serif; color: #333; text-align: center; }
+        body { background-color: #2c2c2c; font-family: 'Roboto', sans-serif; }
+        h1 { font-family: 'Poppins', sans-serif; color: #ff9800; text-align: center; font-size: 2.5em; margin-bottom: 20px; }
+        h3 { font-family: 'Roboto', sans-serif; color: #dddddd; text-align: center; margin-bottom: 10px; }
         .segment-btn { 
-            background-color: #4CAF50; 
+            background-color: #ff9800; 
             border-radius: 8px; 
             padding: 10px 20px; 
             color: white; 
             transition: background-color 0.3s ease, transform 0.2s ease;
         }
         .segment-btn:hover {
-            background-color: #45a049; 
+            background-color: #e67e00; 
             transform: scale(1.05);
         }
         .logo { 
@@ -38,7 +37,7 @@ def create_interface():
         </style>"""
         )
         logo_path = os.path.join(os.getcwd(), 'fashionlookl1_2.png')
-        gr.Markdown("<img src=logo_path class='logo' alt='Logo'>")
+        gr.Markdown("<img src='{logo_path}'' class='logo' alt='Logo'>")
         gr.Markdown("<h1>FashionLook - Segment Clothes</h1>")
         gr.Markdown("<h3 style='text-align: center;'>" "Upload an image and let our model detect and segment clothes such as shirts, pants, skirts...""</h3>")
         with gr.Row():