hopefully bg color updated

app.py

@@ -8,6 +8,75 @@ import os
 import gradio as gr
 from transformers import pipeline
 
+import gradio as gr
+
+theme = gr.themes.Default(
+    primary_hue=gr.themes.Color(c100="#ffedd5", c200="#fed7aa", c300="#ffe09e", c400="#c2814c", c50="#fff8f0", c500="#f97316", c600="#ea580c", c700="#c2410c", c800="#9a3412", c900="#7c2d12", c950="#611f00"),
+    secondary_hue="red",
+    neutral_hue="slate",
+    font=[gr.themes.GoogleFont('jack armstrong'), 'ui-sans-serif', 'system-ui', 'sans-serif'],
+    font_mono=[gr.themes.GoogleFont('xkcd'), 'ui-monospace', 'Consolas', 'monospace'],
+).set(
+    body_text_color='*primary_950',
+    body_text_color_dark='*secondary_50',
+    body_text_size='*text_lg',
+    body_text_color_subdued='*primary_400',
+    body_text_weight='500',
+    background_fill_primary='*primary_300',
+    background_fill_primary_dark='*primary_800',
+    background_fill_secondary='*primary_50',
+    background_fill_secondary_dark='*primary_600',
+    border_color_accent='*secondary_950',
+    border_color_accent_dark='*body_text_color',
+    border_color_accent_subdued='*border_color_accent',
+    link_text_color='*secondary_800',
+    code_background_fill='*neutral_200',
+    code_background_fill_dark='*neutral_100',
+    block_shadow='none',
+    block_shadow_dark='none',
+    form_gap_width='0px',
+    checkbox_label_background_fill='*button_secondary_background_fill',
+    checkbox_label_background_fill_dark='*button_secondary_background_fill',
+    checkbox_label_background_fill_hover='*button_secondary_background_fill_hover',
+    checkbox_label_background_fill_hover_dark='*button_secondary_background_fill_hover',
+    checkbox_label_shadow='none',
+    error_background_fill_dark='*background_fill_primary',
+    input_background_fill='*neutral_100',
+    input_background_fill_dark='*neutral_700',
+    input_border_width='0px',
+    input_border_width_dark='0px',
+    input_shadow='none',
+    input_shadow_dark='none',
+    input_shadow_focus='*input_shadow',
+    input_shadow_focus_dark='*input_shadow',
+    stat_background_fill='*primary_300',
+    stat_background_fill_dark='*primary_500',
+    button_shadow='none',
+    button_shadow_active='none',
+    button_shadow_hover='none',
+    button_transition='background-color 0.2s ease',
+    button_primary_background_fill='*primary_200',
+    button_primary_background_fill_dark='*primary_700',
+    button_primary_background_fill_hover='*button_primary_background_fill',
+    button_primary_background_fill_hover_dark='*button_primary_background_fill',
+    button_primary_border_color_dark='*primary_600',
+    button_secondary_background_fill='*neutral_200',
+    button_secondary_background_fill_dark='*neutral_600',
+    button_secondary_background_fill_hover='*button_secondary_background_fill',
+    button_secondary_background_fill_hover_dark='*button_secondary_background_fill',
+    button_cancel_background_fill='*button_secondary_background_fill',
+    button_cancel_background_fill_dark='*button_secondary_background_fill',
+    button_cancel_background_fill_hover='*button_cancel_background_fill',
+    button_cancel_background_fill_hover_dark='*button_cancel_background_fill',
+    button_cancel_border_color='*button_secondary_border_color',
+    button_cancel_border_color_dark='*button_secondary_border_color',
+    button_cancel_text_color='*button_secondary_text_color',
+    button_cancel_text_color_dark='*button_secondary_text_color'
+)
+
+with gr.Blocks(theme=theme) as demo:
+    ...
+
 # Load the Hugging Face pipeline
 # summarizer = pipeline("summarization")
 
@@ -119,7 +188,6 @@ def query_model(question):
 
 # Define the welcome message and specific topics the chatbot can provide information about
 welcome_message = """
-# 🌎 Welcome to GloBot! 🌻
 
 ## Your AI-driven assistant for STL community outreach queries. Created by Honna, Davonne, and Maryam of the 2024 Kode With Klossy St.Louis Camp! 
 """