Improve readability and contrast

README.md

@@ -4,7 +4,7 @@ emoji: 💖
 colorFrom: pink
 colorTo: purple
 sdk: gradio
-sdk_version: 4.0.0
+sdk_version: 4.16.0
 app_file: app.py
 pinned: false
 ---

app.py

@@ -8,7 +8,7 @@ title = "💖 Pickup Line Generator"
 description = """
 <div style="text-align: center; max-width: 650px; margin: 0 auto;">
   <div>
-    <p>Generate fun, clever, or cringey pickup lines using SmolLM-135M! Select a vibe and click generate to get started! 😏</p>
+    <p style="color: #333333; font-size: 1.1rem; font-weight: 500;">Generate fun, clever, or cringey pickup lines using SmolLM-135M! Select a vibe and click generate to get started! 😏</p>
   </div>
 </div>
 """
@@ -233,6 +233,11 @@ label {
     margin-top: 1rem !important;
 }
 
+.gr-samples button {
+    color: #333333 !important;
+    font-weight: 500 !important;
+}
+
 /* Footer styling */
 .footer-text {
     color: #666666 !important;
@@ -269,18 +274,6 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
             )
             copy_btn = gr.Button("📋 Copy to Clipboard", elem_classes=["copy-btn"])
     
-    # Example inputs with custom styling
-    gr.Examples(
-        examples=[
-            ["romantic"],
-            ["cheesy"],
-            ["nerdy"],
-            ["cringe"],
-            ["flirty"]
-        ],
-        inputs=[vibe_dropdown]
-    )
-    
     generate_btn.click(
         fn=generate_pickup_line,
         inputs=[vibe_dropdown],

requirements.txt

@@ -1,4 +1,4 @@
-gradio>=4.0.0
+gradio>=4.16.0
 torch>=2.0.0
 transformers>=4.30.0
 huggingface-hub>=0.19.0