Improve eco-friendly theme with enhanced contrast for better visibility in the assessment app

app.py

@@ -408,6 +408,7 @@ def assess_product_agentic(image, text_input: str, progress=gr.Progress()) -> st
         import traceback
         return f"**Error:**\n\n{str(e)}\n\n```\n{traceback.format_exc()}\n```"
 
+# ===== ECO-FRIENDLY GREEN THEME - IMPROVED CONTRAST =====
 # ===== ECO-FRIENDLY GREEN THEME - IMPROVED CONTRAST =====
 eco_green_css = """
 /* Eco-Friendly Green Theme - Mobile Optimized with Better Contrast */
@@ -670,9 +671,12 @@ button:focus, input:focus, textarea:focus {
 }
 """
 
-with gr.Blocks(css=eco_green_css, title="Future Earth - Eco Advisor") as app:
+with gr.Blocks(title="Future Earth - Eco Advisor") as app:
     
-    gr.HTML("""
+    gr.HTML(f"""
+        <style>
+            {eco_green_css}
+        </style>
         <div style="text-align: center; padding: 2rem 1rem; background: linear-gradient(135deg, #4caf50 0%, #2d8659 100%); border-radius: 16px; margin-bottom: 1.5rem; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);">
             <h1 style="margin: 0; font-size: 2.2rem; color: #ffffff; font-weight: bold; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); letter-spacing: 1px;">🌍 FUTURE EARTH</h1>
             <p style="color: #ffffff; margin-top: 0.5rem; font-size: 1rem; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);">Your AI-Powered Eco Advisor</p>
@@ -708,8 +712,8 @@ with gr.Blocks(css=eco_green_css, title="Future Earth - Eco Advisor") as app:
     
     gr.HTML("""
         <footer style="background: rgba(0, 0, 0, 0.15); border-top: 2px solid #4caf50; margin-top: 2rem; padding: 1.5rem 1rem; border-radius: 8px;">
-            <p style="color: #000000; letter-spacing: 1px; font-size: 0.95rem; margin: 0;">♻️ Powered by AI • MCP • RAG Technology</p>
-            <p style="color: #000000; font-size: 0.85rem; margin-top: 0.5rem;">Building a sustainable future, one assessment at a time</p>
+            <p style="color: #ffffff; letter-spacing: 1px; font-size: 0.95rem; margin: 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);">♻️ Powered by AI • MCP • RAG Technology</p>
+            <p style="color: #c8e6c9; font-size: 0.85rem; margin-top: 0.5rem; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);">Building a sustainable future, one assessment at a time</p>
         </footer>
     """)