Force form text full opacity in dark mode

app.py

@@ -630,16 +630,26 @@ CSS = """
   color-scheme: dark;
   --body-background-fill: #070b13;
   --body-text-color: #e5efff;
+  --body-text-color-subdued: #e5efff;
   --block-background-fill: rgba(15, 23, 42, 0.92);
   --block-border-color: rgba(148, 163, 184, 0.24);
+  --block-label-text-color: #f8fafc;
   --border-color-primary: rgba(148, 163, 184, 0.28);
   --input-background-fill: #0b1220;
   --input-border-color: rgba(148, 163, 184, 0.36);
-  --input-placeholder-color: #94a3b8;
+  --input-text-color: #f8fafc;
+  --input-text-color-focus: #ffffff;
+  --input-placeholder-color: #dbeafe;
   --button-primary-background-fill: #0f766e;
   --button-primary-background-fill-hover: #0d9488;
   --button-primary-text-color: #f8fafc;
   --link-text-color: #67e8f9;
+  --neutral-50: #f8fafc;
+  --neutral-100: #f1f5f9;
+  --neutral-200: #e2e8f0;
+  --neutral-300: #cbd5e1;
+  --neutral-400: #dbeafe;
+  --neutral-500: #e5efff;
   --table-background-fill: #0b1220;
   --table-even-background-fill: #0f172a;
   --table-odd-background-fill: #0b1220;
@@ -723,10 +733,74 @@ CSS = """
   color: #f8fafc !important;
   -webkit-text-fill-color: #f8fafc !important;
 }
+.gradio-container .form,
+.gradio-container .form *,
+.gradio-container fieldset,
+.gradio-container fieldset *,
+.gradio-container .block.padded,
+.gradio-container .block.padded *,
+.gradio-container [data-testid="input"],
+.gradio-container [data-testid="input"] *,
+.gradio-container [data-testid*="slider"],
+.gradio-container [data-testid*="slider"] *,
+.gradio-container [data-testid*="textbox"],
+.gradio-container [data-testid*="textbox"] *,
+.gradio-container [data-testid*="dropdown"],
+.gradio-container [data-testid*="dropdown"] *,
+.gradio-container [data-testid*="radio"],
+.gradio-container [data-testid*="radio"] * {
+  opacity: 1 !important;
+  filter: none !important;
+}
+.gradio-container .form label,
+.gradio-container .form label *,
+.gradio-container .form legend,
+.gradio-container .form span,
+.gradio-container .form p,
+.gradio-container .form input,
+.gradio-container .form textarea,
+.gradio-container .form select,
+.gradio-container fieldset label,
+.gradio-container fieldset label *,
+.gradio-container fieldset legend,
+.gradio-container fieldset span,
+.gradio-container fieldset p,
+.gradio-container [data-testid*="label"],
+.gradio-container [data-testid*="label"] *,
+.gradio-container [data-testid*="radio"] label,
+.gradio-container [data-testid*="radio"] label *,
+.gradio-container [data-testid*="radio"] span,
+.gradio-container [data-testid*="slider"] label,
+.gradio-container [data-testid*="slider"] label *,
+.gradio-container [data-testid*="slider"] input,
+.gradio-container [data-testid*="slider"] span,
+.gradio-container [data-testid*="textbox"] label,
+.gradio-container [data-testid*="textbox"] label *,
+.gradio-container [data-testid*="textbox"] textarea,
+.gradio-container [data-testid*="dropdown"] label,
+.gradio-container [data-testid*="dropdown"] label *,
+.gradio-container [data-testid*="dropdown"] input,
+.gradio-container [data-testid*="number"] input,
+.gradio-container [data-testid*="number"] span {
+  color: #f8fafc !important;
+  -webkit-text-fill-color: #f8fafc !important;
+  opacity: 1 !important;
+  filter: none !important;
+  text-shadow: 0 0 0 #f8fafc !important;
+}
+.gradio-container .form input::placeholder,
+.gradio-container .form textarea::placeholder,
+.gradio-container [data-testid*="textbox"] textarea::placeholder,
+.gradio-container [data-testid*="dropdown"] input::placeholder {
+  color: #dbeafe !important;
+  -webkit-text-fill-color: #dbeafe !important;
+  opacity: 1 !important;
+}
 .gradio-container input::placeholder,
 .gradio-container textarea::placeholder {
-  color: #94a3b8 !important;
-  -webkit-text-fill-color: #94a3b8 !important;
+  color: #dbeafe !important;
+  -webkit-text-fill-color: #dbeafe !important;
+  opacity: 1 !important;
 }
 .gradio-container input:focus,
 .gradio-container textarea:focus,