upds

app.py

@@ -10,23 +10,38 @@ custom_css = """
     --martian-gray-medium: #2A2A2A;
 }
 
-/* FORCE DARK MODE EVERYWHERE */
-.gradio-container, .gradio-container *, body, html {
+/* FORCE DARK MODE - But preserve styled boxes */
+.gradio-container, 
+body, 
+html,
+.contain,
+.app,
+#root,
+.main {
     background-color: var(--martian-black) !important;
-    color: #E0E0E0 !important;
     color-scheme: dark !important;
 }
 
-/* Force dark backgrounds on all elements */
-div, section, .block, .panel, .form, .input-wrap {
+/* Only force black on main structural elements, not everything */
+.gradio-container > div,
+.contain > div,
+.app > div {
     background-color: var(--martian-black) !important;
 }
 
-/* Force text colors */
-h1, h2, h3, h4, h5, h6, p, span, label, div, strong {
+/* Text should NOT have backgrounds */
+h1, h2, h3, h4, h5, h6, p, span, label, strong, text, div > p, div > span {
+    background: transparent !important;
+    background-color: transparent !important;
     color: #E0E0E0 !important;
 }
 
+/* Ensure inline styled divs keep their backgrounds */
+div[style*="background"],
+section[style*="background"] {
+    /* Keep their inline styles - don't override */
+}
+
 /* TABS - Bigger and bolder */
 .tab-nav {
     border-bottom: 2px solid var(--martian-gray-dark) !important;