Update app.py

app.py

@@ -54,22 +54,64 @@ css = """
     margin: 0 auto;
     max-width: 520px;
 }
+
+/* Optional: Additional dark mode customizations */
+body {
+    background-color: #1e1e1e;
+    color: #ffffff;
+}
+
+.gradio-container {
+    background-color: #2c2c2c;
+}
+
+.gr-button, .gr-slider, .gr-checkbox {
+    background-color: #3a3a3a;
+    color: #ffffff;
+}
+
+.markdown {
+    color: #ffffff;
+}
+
+.gr-accordion {
+    background-color: #3a3a3a;
+    color: #ffffff;
+}
+
+.gr-input, .gr-textbox, .gr-slider {
+    background-color: #3a3a3a;
+    color: #ffffff;
+}
+
+.gr-slider .gr-slider-track {
+    background-color: #555555;
+}
+
+.gr-slider .gr-slider-thumb {
+    background-color: #ffffff;
+}
+
+.gr-button:hover {
+    background-color: #555555;
+    color: #ffffff;
+}
 """
 
-# Define the dark theme
+# Define the dark theme correctly using the 'base' parameter
 dark_theme = gr.themes.Default(
     primary_hue="blue",
     neutral_hue="gray",
     spacing_size="md",
     font="default",
-    # Set mode to 'dark' to enable dark mode
-    mode="dark"
+    # Use 'base' instead of 'mode' to set the theme to dark
+    base="dark"
 )
 
 with gr.Blocks(theme=dark_theme, css=css) as demo:
     
     with gr.Column(elem_id="col-container"):
-        gr.Markdown(f"""# FLUX.1 [dev]
+        gr.Markdown("""# FLUX.1 [dev]
 12B param rectified flow transformer guidance-distilled from [FLUX.1 [pro]](https://blackforestlabs.ai/)  
 [[non-commercial license](https://huggingface.co/black-forest-labs/FLUX.1-dev/blob/main/LICENSE.md)] [[blog](https://blackforestlabs.ai/announcing-black-forest-labs/)] [[model](https://huggingface.co/black-forest-labs/FLUX.1-dev)]
         """)