Update app.py

app.py

@@ -46,34 +46,62 @@ else: IMAGE_PROVIDERS["No Image Providers Configured"] = "none"; UI_DEFAULT_IMAG
 
 # --- Enhanced UI Theme and CSS ---
 # Using a more bespoke dark theme and extensive CSS for "WOW"
-omega_theme = gr.themes.Base(
+# algoforge_prime/app.py
+
+# ... (other imports and initializations) ...
+
+# --- Gradio UI Theme and CSS for DARK MODE ---
+# Using a built-in dark theme and then overriding specifics
+omega_theme = gr.themes.Base( # You can also try gr.themes.Default(dark=True) or another dark base
     font=[gr.themes.GoogleFont("Lexend Deca"), "ui-sans-serif", "system-ui", "sans-serif"],
-    primary_hue=gr.themes.colors.violet,
-    secondary_hue=gr.themes.colors.purple,
-    neutral_hue=gr.themes.colors.gray
+    primary_hue=gr.themes.colors.purple, 
+    secondary_hue=gr.themes.colors.pink, 
+    neutral_hue=gr.themes.colors.slate # Changed to slate for better dark mode neutrals
 ).set(
-    body_background_fill="#0F0F1A", # Deep space blue/purple
-    block_background_fill="#1A1A2E", # Slightly lighter panel background
+    # Valid theme variables that control overall darkness
+    body_background_fill="#0F0F1A",         # Dark page background
+    block_background_fill="#1A1A2E",      # Darker panel background
     block_border_width="1px",
-    block_border_color="#2A2A4A",
-    block_label_background_fill="#2A2A4A",
-    block_label_text_color="#E0E0FF",
-    input_background_fill="#2A2A4A",
-    input_border_color="#4A4A6A",
-    input_text_color="#E0E0FF",
-    button_primary_background_fill="linear-gradient(135deg, #7F00FF 0%, #E100FF 100%)", # Vibrant violet-magenta
-    button_primary_text_color="white",
+    block_border_color="#2A2A4A",          # Border for blocks
+    block_label_background_fill="#2A2A4A", # Background for block labels
+    # block_label_text_color is usually inherited or set by primary/secondary text colors of the theme
+    
+    input_background_fill="#2A2A4A",       # Background for input fields
+    input_border_color="#4A4A6A",          # Border for input fields
+    # input_text_color is often controlled by text_color_primary or inherited.
+    # We will control text colors more with CSS if needed.
+
+    button_primary_background_fill="linear-gradient(135deg, #7F00FF 0%, #E100FF 100%)",
+    button_primary_text_color="white",     # This is usually valid
     button_secondary_background_fill="#4A4A6A",
-    button_secondary_text_color="#E0E0FF",
-    slider_color_accent="#A020F0", # Purple slider
-    checkbox_label_background_fill_selected="#A020F0",
-    table_even_background_fill="#1A1A2E",
-    table_odd_background_fill="#23233A",
-    table_border_color="#2A2A4A",
-    table_text_color="#E0E0FF",
-    panel_background_fill="#1A1A2E",
+    button_secondary_text_color="#E0E0FF", # This is usually valid
+
+    slider_color="#A020F0",                 # Color for the slider itself (track/thumb)
+    # slider_color_accent was likely an old or incorrect name. `slider_color` is more common.
+
+    # For table text color, it's often inherited from body text color or specific component styling in CSS
+    # table_even_background_fill="#1A1A2E", # If these are valid, keep them
+    # table_odd_background_fill="#23233A",
+    # table_border_color="#2A2A4A",
+    
+    # These are more likely to be valid:
+    text_color_primary="#E0E0FF",          # Primary text color (light for dark theme)
+    text_color_secondary="#B0B0D0",        # Secondary text color
+    text_color_accent="#A020F0",           # Accent text color
+    text_color_ ሴትምስs="#A020F0",        # For links or specific highlights
+    # panel_background_fill is often the same as block_background_fill
 )
 
+# The CSS (`omega_css`) will be very important for ensuring text colors are correct
+# on various components if the theme variables don't cover everything.
+# Your existing omega_css already sets:
+# body, .gradio-container { color: #D0D0E0 !important; }
+# .gr-input input, .gr-input textarea, .gr-dropdown select { color: white !important; }
+# This CSS will likely handle the text colors correctly.
+
+# ... (rest of your omega_css definition) ...
+# ... (rest of your app.py) ...
+
 omega_css = """
 body, .gradio-container { background-color: #0F0F1A !important; color: #D0D0E0 !important; }
 .gradio-container { max-width: 1400px !important; margin: auto !important; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); padding: 25px !important; border: 1px solid #2A2A4A;}