Update app.py

app.py

@@ -11,6 +11,62 @@ from datasets import Dataset
 from sentence_transformers import SentenceTransformer
 import gradio as gr
 
+
+#TEMA GRADIO
+import gradio as gr
+
+theme = gr.themes.Default(
+    primary_hue=gr.themes.Color(c100="#83a1c9", c200="#000000", c300="#a5b4fc", c400="#818cf8", c50="#ffffff", c500="#6366f1", c600="#4f46e5", c700="#4338ca", c800="#3730a3", c900="#312e81", c950="#2b2c5e"),
+    secondary_hue=gr.themes.Color(c100="#ffffff", c200="#9ab9d5", c300="#000000", c400="#000000", c50="#ffffff", c500="#000000", c600="#000000", c700="#000000", c800="#3730a3", c900="#312e81", c950="#2b2c5e"),
+    neutral_hue=gr.themes.Color(c100="#e0e7ff", c200="#c7d2fe", c300="#658fd2", c400="#ffffff", c50="#eef2ff", c500="#ffffff", c600="#191a2f", c700="#29357f", c800="#4463a2", c900="#545acf", c950="#1a1a1f"),
+).set(
+    background_fill_primary='*background_fill_secondary',
+    border_color_accent_subdued='*border_color_accent',
+    link_text_color='*primary_50',
+    link_text_color_dark='*primary_50',
+    link_text_color_active='*primary_50',
+    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'
+)
+
 model_name = "BAAI/bge-m3"
 
 # Retrieve the Pinecone API key from the user
@@ -309,7 +365,7 @@ images = [
 
 
 # Gradio layout setup
-with gr.Blocks() as demo:
+with gr.Blocks(theme=theme) as demo:
     with gr.Row():
         with gr.Column(scale=1):
             # Agregar el video al inicio