Update app.py

app.py

@@ -46,38 +46,84 @@ sys.path.append(MV_ADAPTER_CODE_DIR)
 sys.path.append(os.path.join(MV_ADAPTER_CODE_DIR, "scripts"))
 
 HEADER = """
-# 🎨 PolyGenixAI: Transform Ideas into 3D Masterpieces
-## Unleash Your Creativity with AI-Powered 3D Generation by AnvilInteractive Solutions
-<p style="font-size: 1.1em;">By <a href="https://www.anvilinteractive.com/" style="color: #3B82F6; text-decoration: none; font-weight: bold;">AnvilInteractive Solutions</a></p>
-## 🚀 Get Started:
-1. **Upload an Image** (clear, single-object images work best)
-2. **Select Filters** to customize styles
-3. Click **Generate 3D Model** to create your mesh
-4. Click **Apply Texture** to enhance with realistic textures
-5. **Download GLB** to save your creation
-<p style="font-size: 0.9em; margin-top: 10px;">Powered by advanced AI and multi-view technology from AnvilInteractive Solutions. Join our community at <a href="https://www.anvilinteractive.com/polygenixai" style="color: #3B82F6; text-decoration: none;">PolyGenixAI</a> for tips and inspiration.</p>
+# 🌌 PolyGenixAI: Craft 3D Worlds with Cosmic Precision
+## Unleash Infinite Creativity with AI-Powered 3D Generation by AnvilInteractive Solutions
+<p style="font-size: 1.1em; color: #A78BFA;">By <a href="https://www.anvilinteractive.com/" style="color: #A78BFA; text-decoration: none; font-weight: bold;">AnvilInteractive Solutions</a></p>
+## 🚀 Launch Your Creation:
+1. **Upload an Image** (clear, single-object images shine brightest)
+2. **Choose a Style Filter** to infuse your unique vision
+3. Click **Generate 3D Model** to sculpt your mesh
+4. Click **Apply Texture** to bring your model to life
+5. **Download GLB** to share your masterpiece
+<p style="font-size: 0.9em; margin-top: 10px; color: #D1D5DB;">Powered by cutting-edge AI and multi-view technology from AnvilInteractive Solutions. Join our <a href="https://www.anvilinteractive.com/community" style="color: #A78BFA; text-decoration: none;">PolyGenixAI Community</a> to connect with creators and spark inspiration.</p>
 <style>
+  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
+  body {
+    background-color: #1A1A1A !important;
+    font-family: 'Inter', sans-serif !important;
+    color: #D1D5DB !important;
+  }
+  .gr-panel {
+    background-color: #2D2D2D !important;
+    border: 1px solid #7C3AED !important;
+    border-radius: 12px !important;
+    padding: 20px !important;
+    box-shadow: 0 4px 10px rgba(124, 58, 237, 0.2) !important;
+  }
   .gr-button-primary {
-    background-color: #3B82F6 !important;
+    background: linear-gradient(45deg, #7C3AED, #A78BFA) !important;
     color: white !important;
+    border: none !important;
     border-radius: 8px !important;
-    padding: 10px 20px !important;
+    padding: 12px 24px !important;
     font-weight: 600 !important;
+    transition: transform 0.2s, box-shadow 0.2s !important;
+  }
+  .gr-button-primary:hover {
+    transform: translateY(-2px) !important;
+    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.5) !important;
   }
   .gr-button-secondary {
-    background-color: #E5E7EB !important;
-    color: #1F2937 !important;
+    background-color: #4B4B4B !important;
+    color: #D1D5DB !important;
+    border: 1px solid #A78BFA !important;
     border-radius: 8px !important;
     padding: 10px 20px !important;
+    transition: transform 0.2s !important;
   }
-  .gr-panel {
-    border-radius: 12px !important;
-    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
-    padding: 20px !important;
+  .gr-button-secondary:hover {
+    transform: translateY(-1px) !important;
+    background-color: #6B6B6B !important;
   }
   .gr-accordion {
-    background-color: #F9FAFB !important;
+    background-color: #2D2D2D !important;
+    border-radius: 8px !important;
+    border: 1px solid #7C3AED !important;
+  }
+  .gr-tab {
+    background-color: #2D2D2D !important;
+    color: #A78BFA !important;
+    border: 1px solid #7C3AED !important;
     border-radius: 8px !important;
+    margin: 5px !important;
+  }
+  .gr-tab:hover, .gr-tab-selected {
+    background: linear-gradient(45deg, #7C3AED, #A78BFA) !important;
+    color: white !important;
+  }
+  .gr-slider input[type=range]::-webkit-slider-thumb {
+    background-color: #7C3AED !important;
+    border: 2px solid #A78BFA !important;
+  }
+  .gr-dropdown {
+    background-color: #2D2D2D !important;
+    color: #D1D5DB !important;
+    border: 1px solid #A78BFA !important;
+    border-radius: 8px !important;
+  }
+  h1, h3 {
+    color: #A78BFA !important;
+    text-shadow: 0 0 10px rgba(124, 58, 237, 0.5) !important;
   }
 </style>
 """
@@ -393,28 +439,30 @@ def run_texture(image: Image, mesh_path: str, seed: int, req: gr.Request):
     return textured_glb_path
 
 
-with gr.Blocks(title="PolyGenixAI", css="body { background-color: #F3F4F6; } .gr-panel { background-color: white; }") as demo:
+with gr.Blocks(title="PolyGenixAI", css="body { background-color: #1A1A1A; } .gr-panel { background-color: #2D2D2D; }") as demo:
     gr.Markdown(HEADER)
 
-    with gr.Tabs():
+    with gr.Tabs(elem_classes="gr-tab"):
         with gr.Tab("Create 3D Model"):
             with gr.Row():
                 with gr.Column(scale=1):
-                    image_prompts = gr.Image(label="Upload Image", type="filepath", height=300)
-                    seg_image = gr.Image(label="Preview Segmentation", type="pil", format="png", interactive=False, height=300)
-                    with gr.Accordion("Style & Settings", open=True):
+                    image_prompts = gr.Image(label="Upload Image", type="filepath", height=300, elem_classes="gr-panel")
+                    seg_image = gr.Image(label="Preview Segmentation", type="pil", format="png", interactive=False, height=300, elem_classes="gr-panel")
+                    with gr.Accordion("Style & Settings", open=True, elem_classes="gr-accordion"):
                         style_filter = gr.Dropdown(
-                            choices=["None", "Realistic", "Fantasy", "Cartoon", "Sci-Fi", "Vintage"],
+                            choices=["None", "Realistic", "Fantasy", "Cartoon", "Sci-Fi", "Vintage", "Cosmic", "Neon"],
                             label="Style Filter",
                             value="None",
-                            info="Select a style to enhance your 3D model (optional)"
+                            info="Select a style to inspire your 3D model (optional)",
+                            elem_classes="gr-dropdown"
                         )
                         seed = gr.Slider(
                             label="Seed",
                             minimum=0,
                             maximum=MAX_SEED,
                             step=1,
-                            value=0
+                            value=0,
+                            elem_classes="gr-slider"
                         )
                         randomize_seed = gr.Checkbox(label="Randomize Seed", value=True)
                         num_inference_steps = gr.Slider(
@@ -423,7 +471,8 @@ with gr.Blocks(title="PolyGenixAI", css="body { background-color: #F3F4F6; } .gr
                             maximum=50,
                             step=1,
                             value=50,
-                            info="Higher steps improve quality but take longer"
+                            info="Higher steps enhance detail but increase processing time",
+                            elem_classes="gr-slider"
                         )
                         guidance_scale = gr.Slider(
                             label="Guidance Scale",
@@ -431,7 +480,8 @@ with gr.Blocks(title="PolyGenixAI", css="body { background-color: #F3F4F6; } .gr
                             maximum=20.0,
                             step=0.1,
                             value=7.0,
-                            info="Controls how closely the model follows the input"
+                            info="Controls adherence to input image",
+                            elem_classes="gr-slider"
                         )
                         reduce_face = gr.Checkbox(label="Simplify Mesh", value=True)
                         target_face_num = gr.Slider(
@@ -439,18 +489,19 @@ with gr.Blocks(title="PolyGenixAI", css="body { background-color: #F3F4F6; } .gr
                             minimum=10000,
                             value=DEFAULT_FACE_NUMBER,
                             label="Target Face Number",
-                            info="Adjust mesh complexity"
+                            info="Adjust mesh complexity for performance",
+                            elem_classes="gr-slider"
                         )
-                        gen_button = gr.Button("Generate 3D Model", variant="primary")
-                        gen_texture_button = gr.Button("Apply Texture", variant="secondary", interactive=False)
+                        gen_button = gr.Button("Generate 3D Model", variant="primary", elem_classes="gr-button-primary")
+                        gen_texture_button = gr.Button("Apply Texture", variant="secondary", interactive=False, elem_classes="gr-button-secondary")
 
                 with gr.Column(scale=1):
-                    model_output = gr.Model3D(label="3D Model Preview", interactive=False, height=400)
-                    textured_model_output = gr.Model3D(label="Textured 3D Model", interactive=False, height=400)
-                    download_button = gr.Button("Download GLB", variant="secondary")
+                    model_output = gr.Model3D(label="3D Model Preview", interactive=False, height=400, elem_classes="gr-panel")
+                    textured_model_output = gr.Model3D(label="Textured 3D Model", interactive=False, height=400, elem_classes="gr-panel")
+                    download_button = gr.Button("Download GLB", variant="secondary", elem_classes="gr-button-secondary")
 
-        with gr.Tab("Gallery & Community"):
-            gr.Markdown("### Explore Creations")
+        with gr.Tab("Cosmic Gallery"):
+            gr.Markdown("### Discover Stellar Creations")
             gr.Examples(
                 examples=[
                     f"{TRIPOSG_CODE_DIR}/assets/example_data/{image}"
@@ -461,7 +512,7 @@ with gr.Blocks(title="PolyGenixAI", css="body { background-color: #F3F4F6; } .gr
                 outputs=[seg_image, model_output, textured_model_output],
                 cache_examples=True,
             )
-            gr.Markdown("Join our [PolyGenixAI Community](https://www.anvilinteractive.com/community) to share your creations and get inspired!")
+            gr.Markdown("Connect with creators in our <a href='https://www.anvilinteractive.com/community' style='color: #A78BFA; text-decoration: none;'>PolyGenixAI Cosmic Community</a>!")
 
     gen_button.click(
         run_segmentation,