From c6c991bc523ec32271695109f1fdfd0cadb2b826 Mon Sep 17 00:00:00 2001 From: LiorDav Date: Wed, 6 Nov 2024 19:23:12 +0000 Subject: [PATCH] Update app.py --- app.py | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/app.py b/app.py index 894f0e8..50dea91 100644 --- a/app.py +++ b/app.py @@ -14,9 +14,9 @@ SYSTEM_PROMPT = { } # Background CSS to include a background image -'''BACKGROUND_CSS = -body { - background-image: url('https://www.imghippo.com/i/Es4003HeI.png'); +BACKGROUND_CSS = """ +.gradio-container { + background-image: url('https://i.pinimg.com/originals/0c/6a/19/0c6a19fabcebb129c6b65d86c0b0fae6.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; @@ -24,13 +24,19 @@ body { } footer { visibility: hidden; -}''' +} +""" - -# Custom Gradio app with additional features -with gr.Blocks(css=BACKGROUND_CSS) as demo: +with gr.Blocks( + css=BACKGROUND_CSS, + theme=gr.themes.Soft( + primary_hue="pink", + secondary_hue="pink", + neutral_hue="purple", + ) +) as demo: # User input components - user_name = gr.Textbox(label="Enter your name", placeholder="Your name here...", value="What is your name?") + user_name = gr.Textbox(label="Enter your name", placeholder="Your name here...", value="Guest") emotion_picker = gr.Dropdown(choices=["😁", "😩", "😡", "😢","😭","😒","😣","🥰","😬"], label="Select your mood", value="🙂") chatbot = gr.Chatbot(type="messages") msg = gr.Textbox(placeholder="Type your message here...")