Update app.py

app.py

@@ -67,28 +67,28 @@ with gr.Blocks(theme=gr.themes.Default()) as demo:
         message = gr.Textbox(label="Message", placeholder="e.g. passing", value="Join our community")
         logo = gr.Textbox(label="Logo", placeholder="e.g. github", value="discord")
     with gr.Row():
-        color = gr.ColorPicker(label="Color", value="#7289DA")
-        label_color = gr.ColorPicker(label="Label Color", value="#99AAB5")
+        color = gr.ColorPicker(label="Color", value="#5865F2")  # Discord neon blue
+        label_color = gr.ColorPicker(label="Label Color", value="#99AAFF")
         logo_color = gr.ColorPicker(label="Logo Color", value="white")
     style = gr.Dropdown(label="Style", choices=["flat","flat-square","plastic","for-the-badge","social"], value="for-the-badge")
     link = gr.Textbox(label="Link (URL)", placeholder="https://example.com", value="https://discord.gg/openfreeai")
 
-    # Example presets (click to autofill)
+    # Example presets (click to autofill) with neon/vibrant colors
     examples = [
-        ["Discord","Join our community","#7289DA","#99AAB5","discord","white","for-the-badge","https://discord.gg/openfreeai"],
-        ["X.com","Follow us","#1DA1F2","#A8D0E6","X","white","for-the-badge","https://x.com/openfree_ai"],
-        ["Collections","Explore","#F9A826","#FBF3A1","huggingface","black","for-the-badge","https://huggingface.co/collections/VIDraft/best-open-ai-services-68057e6e312880ea92abaf4c"],
-        ["GitHub","Star us","#181717","#B0B0B0","github","white","for-the-badge","https://github.com/openfreeai"],
-        ["YouTube","Watch now","#FF0000","#FFA3A3","youtube","white","for-the-badge","https://www.youtube.com/@AITechTree"],
-        ["Facebook","Like us","#1877F2","#A3C4F0","facebook","white","for-the-badge","https://www.facebook.com/profile.php?id=61575353674679"],
-        ["Instagram","Follow","#E4405F","#F5A3B1","instagram","white","for-the-badge","https://www.instagram.com/openfree_ai/"],
-        ["Threads","Join the convo","#000000","#CCCCCC","threads","white","for-the-badge","https://www.threads.net/@openfree_ai"],
+        ["Discord",  "Join our community", "#5865F2", "#99AAFF", "discord",   "white", "for-the-badge", "https://discord.gg/openfreeai"],
+        ["X.com",    "Follow us",            "#1DA1F2", "#00CFFF", "X",         "white", "for-the-badge", "https://x.com/openfree_ai"],
+        ["Collections","Explore",            "#FFB300", "#FFF176", "huggingface","black","for-the-badge","https://huggingface.co/collections/VIDraft/best-open-ai-services-68057e6e312880ea92abaf4c"],
+        ["GitHub",   "Star us",               "#0A0A0A", "#39FF14", "github",      "white", "for-the-badge", "https://github.com/openfreeai"],
+        ["YouTube",  "Watch now",             "#E50000", "#FF5E5E", "youtube",     "white", "for-the-badge", "https://www.youtube.com/@AITechTree"],
+        ["Facebook","Like us",               "#1877F2", "#6FAFFF", "facebook",    "white", "for-the-badge", "https://www.facebook.com/profile.php?id=61575353674679"],
+        ["Instagram","Follow",               "#E4405F", "#FF77A9", "instagram",   "white", "for-the-badge", "https://www.instagram.com/openfree_ai/"],
+        ["Threads",  "Join the convo",        "#000000", "#FF00FF", "threads",     "white", "for-the-badge", "https://www.threads.net/@openfree_ai"],
     ]
     gr.HTML("<h3 style='text-align:center; margin-top:20px;'>✨ Examples (click to autofill)</h3>")
     gr.Examples(
         examples=examples,
-        inputs=[label,message,color,label_color,logo,logo_color,style,link],
-        outputs=[out_code,out_preview],
+        inputs=[label, message, color, label_color, logo, logo_color, style, link],
+        outputs=[out_code, out_preview],
         fn=generate_static_badge,
         cache_examples=False,
         run_on_click=True
@@ -97,13 +97,13 @@ with gr.Blocks(theme=gr.themes.Default()) as demo:
     # On-load default preview
     demo.load(
         fn=generate_static_badge,
-        inputs=[label,message,color,label_color,logo,logo_color,style,link],
-        outputs=[out_code,out_preview]
+        inputs=[label, message, color, label_color, logo, logo_color, style, link],
+        outputs=[out_code, out_preview]
     )
 
     # Live update on change
-    for inp in [label,message,color,label_color,logo,logo_color,style,link]:
-        inp.change(fn=generate_static_badge, inputs=[label,message,color,label_color,logo,logo_color,style,link], outputs=[out_code,out_preview])
+    for inp in [label, message, color, label_color, logo, logo_color, style, link]:
+        inp.change(fn=generate_static_badge, inputs=[label, message, color, label_color, logo, logo_color, style, link], outputs=[out_code, out_preview])
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()