Abhishek commited on
Commit
af7acfc
·
1 Parent(s): 432cbe4

Fix invisible font colors by forcing light theme contrast over Gradio dark mode defaults

Browse files
Files changed (1) hide show
  1. assets/theme.css +5 -5
assets/theme.css CHANGED
@@ -14,8 +14,8 @@ body,
14
  .gradio-container {
15
  background:
16
  radial-gradient(circle at top left, rgba(255, 255, 255, 0.48), transparent 38%),
17
- linear-gradient(180deg, var(--p5-parchment) 0%, #fffaf0 100%);
18
- color: var(--p5-ink);
19
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
20
  }
21
 
@@ -25,7 +25,7 @@ body,
25
  .gradio-container h4 {
26
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
27
  letter-spacing: 0.01em;
28
- color: var(--p5-ink);
29
  }
30
 
31
  .gradio-container code,
@@ -67,7 +67,7 @@ body,
67
  }
68
 
69
  .gradio-container .quilt-note {
70
- color: var(--p5-ink-soft);
71
  font-style: italic;
72
  }
73
 
@@ -107,7 +107,7 @@ body,
107
  .gradio-container .footer,
108
  .gradio-container .markdown p,
109
  .gradio-container .markdown li {
110
- color: var(--p5-ink-soft);
111
  }
112
 
113
  .upload-area {
 
14
  .gradio-container {
15
  background:
16
  radial-gradient(circle at top left, rgba(255, 255, 255, 0.48), transparent 38%),
17
+ linear-gradient(180deg, var(--p5-parchment) 0%, #fffaf0 100%) !important;
18
+ color: var(--p5-ink) !important;
19
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
20
  }
21
 
 
25
  .gradio-container h4 {
26
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
27
  letter-spacing: 0.01em;
28
+ color: var(--p5-ink) !important;
29
  }
30
 
31
  .gradio-container code,
 
67
  }
68
 
69
  .gradio-container .quilt-note {
70
+ color: var(--p5-ink-soft) !important;
71
  font-style: italic;
72
  }
73
 
 
107
  .gradio-container .footer,
108
  .gradio-container .markdown p,
109
  .gradio-container .markdown li {
110
+ color: var(--p5-ink-soft) !important;
111
  }
112
 
113
  .upload-area {