update: dark mode

app.py

@@ -345,10 +345,8 @@ def create_chat_interface():
         css=css,
         head=head,
         js=js,
-        theme=gr.themes.Monochrome(
+        theme=gr.themes.Default(
             font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"]
-        ).set(
-            background_fill_secondary_dark="#181818",
         ),
     ) as demo:
         chatbot = gr.Chatbot(

utils.py

@@ -257,6 +257,12 @@ head = f"""
     </script>
 """
 
-js = """() => {
-            document.body.classList.toggle('dark');
-        }"""
+js = """function refresh() {
+    const url = new URL(window.location);
+
+    if (url.searchParams.get('__theme') !== 'dark') {
+        url.searchParams.set('__theme', 'dark');
+        window.location.href = url.href;
+    }
+}
+"""