Update app.py

app.py

@@ -22,7 +22,7 @@ client = Groq(api_key=api_key)
 def generate_roadmap(domain, level, time):
 
     if not domain or not time:
-        return "❌ Please fill all fields."
+        return "❌ Please fill all fields.", "❌ Please fill all fields."
 
     prompt = f"""
 Create a detailed learning roadmap.
@@ -52,7 +52,6 @@ Include:
 
         result = response.choices[0].message.content
 
-        # Return for display + for PDF
         return result, result
 
     except Exception as e:
@@ -92,7 +91,7 @@ def create_pdf(text):
 
     c.drawText(text_obj)
 
-    # Footer in PDF
+    # Footer
     c.setFont("Helvetica-Bold", 10)
     c.drawCentredString(width / 2, 20, "Made by Kubra 🌻")
 
@@ -110,6 +109,61 @@ html, body {
     padding: 0;
     font-family: Arial, sans-serif;
 }
+
+/* Light Mode */
+@media (prefers-color-scheme: light) {
+    html,
+    body,
+    .gradio-container {
+        background: linear-gradient(to right, #dff5e3, #b7e4c7) !important;
+        color: #1a1a1a !important;
+    }
+
+    input, textarea, select {
+        background: #f6fff8 !important;
+        color: #1a1a1a !important;
+        border: 1px solid #9dd9b1 !important;
+        border-radius: 6px;
+    }
+
+    button {
+        background: #6fcf97 !important;
+        color: #103822 !important;
+        border-radius: 8px !important;
+        font-weight: 600;
+    }
+
+    button:hover {
+        background: #5bbd84 !important;
+    }
+}
+
+/* Dark Mode */
+@media (prefers-color-scheme: dark) {
+    html,
+    body,
+    .gradio-container {
+        background: linear-gradient(to right, #667eea, #764ba2) !important;
+        color: white !important;
+    }
+
+    input, textarea, select {
+        background: #1e1e2f !important;
+        color: white !important;
+        border: 1px solid #444 !important;
+    }
+
+    button {
+        background: #7c83fd !important;
+        color: white !important;
+        border-radius: 8px !important;
+        font-weight: 600;
+    }
+
+    button:hover {
+        background: #6a70e0 !important;
+    }
+}
 """
 
 
@@ -136,10 +190,11 @@ with gr.Blocks(css=custom_css) as app:
 
     generate_btn = gr.Button("✨ Generate Roadmap")
 
-    output_md = gr.Markdown()
-    output_text = gr.Textbox(visible=False)   # Hidden for PDF
+    output = gr.Markdown()
+    hidden_text = gr.Textbox(visible=False)
 
     pdf_btn = gr.Button("📥 Download as PDF")
+
     pdf_file = gr.File(label="Download PDF")
 
 
@@ -147,14 +202,13 @@ with gr.Blocks(css=custom_css) as app:
     generate_btn.click(
         generate_roadmap,
         inputs=[domain, level, time],
-        outputs=[output_md, output_text]
+        outputs=[output, hidden_text]
     )
 
-
     # Generate PDF
     pdf_btn.click(
         create_pdf,
-        inputs=output_text,
+        inputs=hidden_text,
         outputs=pdf_file
     )
 
@@ -163,8 +217,8 @@ with gr.Blocks(css=custom_css) as app:
     gr.Markdown(
         """
         ---
-        **Made by Kubra** 🌻  
-        
+        🌻 **Made by Kubra** 🌻  
+        Powered by AI • Keep Learning 🚀
         """
     )