update: dark theme for bright browser

app.py

@@ -13,7 +13,7 @@ from prompts import (
     get_street_interview_system_prompt,
 )
 from transcript import TranscriptProcessor
-from utils import css, get_transcript_for_url, head
+from utils import css, get_transcript_for_url, head, js
 from utils import openai_tools as tools
 from utils import setup_openai_key
 
@@ -344,8 +344,11 @@ def create_chat_interface():
         fill_width=True,
         css=css,
         head=head,
-        theme=gr.themes.Default(
+        js=js,
+        theme=gr.themes.Monochrome(
             font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"]
+        ).set(
+            background_fill_secondary_dark="#181818",
         ),
     ) as demo:
         chatbot = gr.Chatbot(

utils.py

@@ -256,3 +256,7 @@ head = f"""
         }});
     </script>
 """
+
+js = """() => {
+            document.body.classList.toggle('dark');
+        }"""