Configure both light and dark mode variables to force dark theme contrast across all user appearances

app.py

@@ -138,11 +138,55 @@ custom_theme = gr.themes.Default(
     neutral_hue="slate"
 ).set(
     body_background_fill="#0b0c10",
+    body_background_fill_dark="#0b0c10",
+    
+    body_text_color="#fffffe",
+    body_text_color_dark="#fffffe",
+    
+    body_text_color_subdued="#94a1b2",
+    body_text_color_subdued_dark="#94a1b2",
+    
     block_background_fill="#161a23",
+    block_background_fill_dark="#161a23",
+    
     block_border_color="rgba(255, 255, 255, 0.08)",
+    block_border_color_dark="rgba(255, 255, 255, 0.08)",
+    
+    block_title_text_color="#fffffe",
+    block_title_text_color_dark="#fffffe",
+    
+    block_label_text_color="#94a1b2",
+    block_label_text_color_dark="#94a1b2",
+    
+    input_background_fill="#11141a",
+    input_background_fill_dark="#11141a",
+    
+    input_text_color="#fffffe",
+    input_text_color_dark="#fffffe",
+    
+    input_placeholder_color="#94a1b2",
+    input_placeholder_color_dark="#94a1b2",
+    
+    input_border_color="rgba(255, 255, 255, 0.08)",
+    input_border_color_dark="rgba(255, 255, 255, 0.08)",
+    
+    panel_background_fill="#161a23",
+    panel_background_fill_dark="#161a23",
+    
+    panel_border_color="rgba(255, 255, 255, 0.08)",
+    panel_border_color_dark="rgba(255, 255, 255, 0.08)",
+    
+    border_color_primary="rgba(255, 255, 255, 0.08)",
+    border_color_primary_dark="rgba(255, 255, 255, 0.08)",
+    
     button_primary_background_fill="#7f5af0",
+    button_primary_background_fill_dark="#7f5af0",
+    
     button_primary_text_color="#ffffff",
-    button_primary_background_fill_hover="#9370db"
+    button_primary_text_color_dark="#ffffff",
+    
+    button_primary_background_fill_hover="#9370db",
+    button_primary_background_fill_hover_dark="#9370db"
 )
 
 with gr.Blocks(title="ReLiveStream - Interactive Replay", theme=custom_theme) as demo: