Color test

app.py

@@ -84,7 +84,7 @@ def clear():
 
 theme = gr.themes.Base(primary_hue="teal").set(block_background_fill="#235784",)
 
-with gr.Blocks(theme="darkbase") as demo:
+with gr.Blocks(theme="base") as demo:
     with gr.Row():
         # gr.HTML(r"""<center><img src='https://user-images.githubusercontent.com/66338785/233529518-33e8bcdb-146f-49e8-94c4-27d6529ce4f7.png' width="30%" height="30%"></center>""")
         gr.HTML(r"""<center><img src='https://user-images.githubusercontent.com/66338785/233531457-f368e04b-5099-42a8-906d-6f1250ea0f1e.png' width="40%" height="40%"></center>""")
@@ -156,7 +156,12 @@ with gr.Blocks(theme="darkbase") as demo:
     # Cargar imagen nueva
     input_file.change(load_img, 
                       input_file, 
-                      [original_input_sitk, original_input_img])
+                      [original_input_sitk, original_input_img], _js="""
+        () => {
+            document.body.classList.toggle('dark');
+            document.querySelector('gradio-app').style.backgroundColor = 'var(--color-background-primary)'
+        }
+        """)
     
     # Mostrar imagen nueva
     load_img_button.click(show_img,