Update app.py

app.py

@@ -50,8 +50,52 @@ def process_result_detection_tab(text, language):
 def clear_detection_tab():
     return "", gr.update(interactive=False)
 
-with gr.Blocks() as demo:
+css = """
+body.dark-mode {
+    background-color: #2c2c2c;
+    color: white;
+}
+body.light-mode {
+    background-color: white;
+    color: black;
+}
+#dark-mode-toggle {
+    position: fixed;
+    top: 10px;
+    right: 10px;
+    z-index: 1000;
+    padding: 10px 15px;
+    background-color: #007bff;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 14px;
+}
+#dark-mode-toggle:hover {
+    background-color: #0056b3;
+}
+"""
+
+js = """
+function toggleDarkMode() {
+    const body = document.body;
+    if (body.classList.contains('dark-mode')) {
+        body.classList.remove('dark-mode');
+        body.classList.add('light-mode');
+    } else {
+        body.classList.remove('light-mode');
+        body.classList.add('dark-mode');
+    }
+}
+"""
+
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
     gr.Markdown("""<h1><center>AuthScan</center></h1>""")
+    gr.HTML("<script>{}</script>".format(js))
+    gr.HTML(
+        '<button id="dark-mode-toggle" onclick="toggleDarkMode()">Switch</button>'
+    )
     with gr.Tab("Code Detection"):
         with gr.Row():
             language = gr.Dropdown(