Upload style.css

style.css

@@ -781,3 +781,111 @@ body,
   box-shadow: none !important;
   text-shadow: none !important;
 }
+
+/* File/PDF output hardening for Hugging Face / Gradio light-mode wrappers. */
+.gradio-container [data-testid="file"],
+.gradio-container .file-preview,
+.gradio-container .file-preview-holder,
+.gradio-container .file-preview-item,
+.gradio-container .download,
+.gradio-container a[download] {
+  background: #111827 !important;
+  color: #f5f7fb !important;
+  -webkit-text-fill-color: #f5f7fb !important;
+  border: 1px solid rgba(245, 247, 251, 0.14) !important;
+  box-shadow: none !important;
+  text-shadow: none !important;
+}
+
+.gradio-container [data-testid="file"] *,
+.gradio-container .file-preview *,
+.gradio-container .file-preview-holder *,
+.gradio-container .file-preview-item *,
+.gradio-container .download *,
+.gradio-container a[download] *,
+.gradio-container [data-testid="file"] div,
+.gradio-container [data-testid="file"] span,
+.gradio-container [data-testid="file"] a,
+.gradio-container [data-testid="file"] small,
+.gradio-container .file-preview div,
+.gradio-container .file-preview span,
+.gradio-container .file-preview a,
+.gradio-container .file-preview small,
+.gradio-container .file-preview-holder div,
+.gradio-container .file-preview-holder span,
+.gradio-container .file-preview-holder a,
+.gradio-container .file-preview-holder small,
+.gradio-container .file-preview-item div,
+.gradio-container .file-preview-item span,
+.gradio-container .file-preview-item a,
+.gradio-container .file-preview-item small,
+.gradio-container .download div,
+.gradio-container .download span,
+.gradio-container .download a,
+.gradio-container .download small,
+.gradio-container a[download] span,
+.gradio-container a[download] small {
+  background: transparent !important;
+  background-color: transparent !important;
+  color: #f5f7fb !important;
+  -webkit-text-fill-color: #f5f7fb !important;
+  border-color: rgba(245, 247, 251, 0.14) !important;
+  box-shadow: none !important;
+  text-shadow: none !important;
+}
+
+.gradio-container [data-testid="file"] small,
+.gradio-container .file-preview small,
+.gradio-container .file-preview-holder small,
+.gradio-container .file-preview-item small,
+.gradio-container .download small,
+.gradio-container a[download] small,
+.gradio-container [data-testid="file"] [class*="size"],
+.gradio-container .file-preview [class*="size"],
+.gradio-container .file-preview-holder [class*="size"],
+.gradio-container .file-preview-item [class*="size"],
+.gradio-container .download [class*="size"],
+.gradio-container a[download] [class*="size"] {
+  color: #22e6d1 !important;
+  -webkit-text-fill-color: #22e6d1 !important;
+}
+
+.gradio-container [data-testid="file"] svg,
+.gradio-container [data-testid="file"] svg *,
+.gradio-container .file-preview svg,
+.gradio-container .file-preview svg *,
+.gradio-container .file-preview-holder svg,
+.gradio-container .file-preview-holder svg *,
+.gradio-container .file-preview-item svg,
+.gradio-container .file-preview-item svg *,
+.gradio-container .download svg,
+.gradio-container .download svg *,
+.gradio-container a[download] svg,
+.gradio-container a[download] svg * {
+  color: #22e6d1 !important;
+  fill: #22e6d1 !important;
+  stroke: #22e6d1 !important;
+}
+
+.gradio-container [data-testid="file"]:hover,
+.gradio-container .file-preview:hover,
+.gradio-container .file-preview-holder:hover,
+.gradio-container .file-preview-item:hover,
+.gradio-container .download:hover,
+.gradio-container a[download]:hover {
+  background: #172033 !important;
+  color: #22e6d1 !important;
+  -webkit-text-fill-color: #22e6d1 !important;
+  border-color: rgba(34, 230, 209, 0.42) !important;
+}
+
+.gradio-container [data-testid="file"]:hover *,
+.gradio-container .file-preview:hover *,
+.gradio-container .file-preview-holder:hover *,
+.gradio-container .file-preview-item:hover *,
+.gradio-container .download:hover *,
+.gradio-container a[download]:hover * {
+  color: #22e6d1 !important;
+  -webkit-text-fill-color: #22e6d1 !important;
+  text-shadow: none !important;
+}