again, hopefuuly bg color change

app.py

@@ -4,96 +4,8 @@ import openai
 import os
 
 # potential color customization
-
-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")
-
-# # Define the function to be used in the Gradio interface
-# def summarize_text(text):
-#     summary = summarizer(text)[0]['summary_text']
-#     return summary
-
-# Define custom CSS
-# custom_css = ""
-# body {
-#     background-color: #a9e3cb;
-# }
-# .gradio-title {
-   
-
-
 os.environ["TOKENIZERS_PARALLELISM"] = "false"
 
 # Initialize paths and model identifiers for easy configuration and maintenance
@@ -210,24 +122,6 @@ topics = """
 def display_image():
     return "Globot_Logo3.jpg"
 
-# with gr.Blocks(theme=theme) as demo:
-#     theme = gr.themes.Monochrome(
-#     primary_hue="amber",
-#     secondary_hue="rose",
-# ).set(
-#     background_fill_primary='*primary_200',
-#     background_fill_primary_dark='*primary_200',
-#     background_fill_secondary='*secondary_300',
-#     background_fill_secondary_dark='*secondary_300',
-#     border_color_accent='*secondary_200',
-#     border_color_accent_dark='*secondary_600',
-#     border_color_accent_subdued='*secondary_200',
-#     border_color_primary='*secondary_300',
-#     block_border_color='*secondary_200',
-#     button_primary_background_fill='*secondary_300',
-#     button_primary_background_fill_dark='*secondary_300'
-# )
-
 # Setup the Gradio Blocks interface with custom layout components
 with gr.Blocks(theme='gstaff/xkcd') as demo:
     gr.Image(display_image(), width = 2000, height=600)
@@ -242,6 +136,72 @@ with gr.Blocks(theme='gstaff/xkcd') as demo:
             submit_button = gr.Button("Submit")
             submit_button.click(fn=query_model, inputs=question, outputs=answer)
     
+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:
+    ...
+    
 # Launch the Gradio app to allow user interaction
 demo.launch(share=True)