eusholli commited on
Commit
5057e1d
·
verified ·
1 Parent(s): cceb599

Upload folder using huggingface_hub

Browse files
Files changed (3) hide show
  1. .gradioignore +33 -0
  2. .hfignore +25 -0
  3. gradio_interface.py +101 -2
.gradioignore ADDED
@@ -0,0 +1,33 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Python Virtual Environment
2
+ venv/
3
+ venv/*
4
+ **/venv/
5
+ **/venv/*
6
+
7
+ # Python cache
8
+ __pycache__/
9
+ **/__pycache__/
10
+
11
+ # Environment files
12
+ .env
13
+ .venv/
14
+ env/
15
+ ENV/
16
+
17
+ # Mac specific
18
+ .DS_Store
19
+
20
+ # Git directory
21
+ .git/
22
+
23
+ # VSCode
24
+ .vscode/
25
+
26
+ # Python compiled files
27
+ *.pyc
28
+ *.pyo
29
+ *.pyd
30
+ __pycache__/
31
+ *.so
32
+ *.egg
33
+ *.egg-info/
.hfignore CHANGED
@@ -1,8 +1,33 @@
1
  # Python Virtual Environment
2
  venv/
 
 
 
3
 
4
  # Python cache
5
  __pycache__/
 
 
 
 
 
 
 
6
 
7
  # Mac specific
8
  .DS_Store
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  # Python Virtual Environment
2
  venv/
3
+ venv/*
4
+ **/venv/
5
+ **/venv/*
6
 
7
  # Python cache
8
  __pycache__/
9
+ **/__pycache__/
10
+
11
+ # Environment files
12
+ .env
13
+ .venv/
14
+ env/
15
+ ENV/
16
 
17
  # Mac specific
18
  .DS_Store
19
+
20
+ # Git directory
21
+ .git/
22
+
23
+ # VSCode
24
+ .vscode/
25
+
26
+ # Python compiled files
27
+ *.pyc
28
+ *.pyo
29
+ *.pyd
30
+ __pycache__/
31
+ *.so
32
+ *.egg
33
+ *.egg-info/
gradio_interface.py CHANGED
@@ -53,18 +53,38 @@ LIGHT_MODE_CSS = """
53
  font-weight: 400;
54
  }
55
 
56
- /* Ensure all text inputs are visible and readable */
57
- .gr-textbox, .gr-textarea, input, textarea {
 
 
 
58
  background: #ffffff !important;
 
59
  color: #1f2937 !important;
60
  border: 1px solid #d1d5db !important;
61
  border-radius: 6px !important;
62
  }
63
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
64
  .gr-textbox:focus, .gr-textarea:focus, input:focus, textarea:focus {
65
  border-color: #3b82f6 !important;
66
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
67
  outline: none !important;
 
 
68
  }
69
 
70
  /* Button styling */
@@ -191,6 +211,85 @@ h1, h2, h3, h4, h5, h6, p, div, span, li, ol, ul {
191
  .gradio-container * {
192
  color: #1f2937 !important;
193
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
194
  """
195
 
196
  def format_results_html(result):
 
53
  font-weight: 400;
54
  }
55
 
56
+ /* Force light backgrounds for ALL input containers and elements */
57
+ .gr-textbox, .gr-textarea, input, textarea,
58
+ .gr-textbox *, .gr-textarea *,
59
+ .gr-textbox > div, .gr-textarea > div,
60
+ .gradio-textbox, .gradio-textarea {
61
  background: #ffffff !important;
62
+ background-color: #ffffff !important;
63
  color: #1f2937 !important;
64
  border: 1px solid #d1d5db !important;
65
  border-radius: 6px !important;
66
  }
67
 
68
+ /* Force the container backgrounds to be light */
69
+ .gr-textbox, .gr-textarea {
70
+ background: #ffffff !important;
71
+ background-color: #ffffff !important;
72
+ }
73
+
74
+ /* Force all child elements to have light backgrounds */
75
+ .gr-textbox > *, .gr-textarea > *,
76
+ .gr-textbox > div > *, .gr-textarea > div > * {
77
+ background: #ffffff !important;
78
+ background-color: #ffffff !important;
79
+ color: #1f2937 !important;
80
+ }
81
+
82
  .gr-textbox:focus, .gr-textarea:focus, input:focus, textarea:focus {
83
  border-color: #3b82f6 !important;
84
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
85
  outline: none !important;
86
+ background: #ffffff !important;
87
+ background-color: #ffffff !important;
88
  }
89
 
90
  /* Button styling */
 
211
  .gradio-container * {
212
  color: #1f2937 !important;
213
  }
214
+
215
+ /* AGGRESSIVE LABEL VISIBILITY - Override all Gradio label styles */
216
+ .gr-label, .gr-label *, label, .label,
217
+ .gradio-textbox label, .gradio-textarea label,
218
+ [data-testid*="textbox"] label, [data-testid*="textarea"] label,
219
+ .gr-textbox .gr-label, .gr-textarea .gr-label,
220
+ .gr-textbox span[data-testid*="label"], .gr-textarea span[data-testid*="label"],
221
+ .gr-textbox .label, .gr-textarea .label,
222
+ .gr-form .gr-label, .gr-block .gr-label,
223
+ .gradio-container .gr-label, .gradio-container label,
224
+ .gr-textbox > span, .gr-textarea > span,
225
+ .gr-textbox > div > span, .gr-textarea > div > span,
226
+ .gr-textbox .svelte-*, .gr-textarea .svelte-*,
227
+ span[class*="label"], div[class*="label"],
228
+ .gr-textbox span:first-child, .gr-textarea span:first-child {
229
+ color: #1f2937 !important;
230
+ font-weight: 600 !important;
231
+ font-size: 1rem !important;
232
+ margin-bottom: 0.5rem !important;
233
+ display: block !important;
234
+ opacity: 1 !important;
235
+ visibility: visible !important;
236
+ background: transparent !important;
237
+ }
238
+
239
+ /* Target Gradio's internal label structure more aggressively */
240
+ .gr-textbox > div:first-child, .gr-textarea > div:first-child,
241
+ .gr-textbox > div:first-child > *, .gr-textarea > div:first-child > *,
242
+ .gr-textbox .svelte-1gfkn6j, .gr-textarea .svelte-1gfkn6j,
243
+ .gr-textbox .svelte-*, .gr-textarea .svelte-* {
244
+ color: #1f2937 !important;
245
+ font-weight: 600 !important;
246
+ opacity: 1 !important;
247
+ visibility: visible !important;
248
+ }
249
+
250
+ /* Force all possible label selectors */
251
+ .gradio-container [class*="label"],
252
+ .gradio-container [data-testid*="label"],
253
+ .gradio-container .gr-textbox *:first-child,
254
+ .gradio-container .gr-textarea *:first-child {
255
+ color: #1f2937 !important;
256
+ font-weight: 600 !important;
257
+ opacity: 1 !important;
258
+ visibility: visible !important;
259
+ }
260
+
261
+ /* Nuclear option - force ALL text in textbox containers to be visible */
262
+ .gr-textbox *, .gr-textarea * {
263
+ color: #1f2937 !important;
264
+ opacity: 1 !important;
265
+ visibility: visible !important;
266
+ }
267
+
268
+ /* NUCLEAR BACKGROUND OVERRIDE - Force all containers to be white */
269
+ .gr-textbox, .gr-textarea,
270
+ .gr-textbox *, .gr-textarea *,
271
+ .gr-textbox > div, .gr-textarea > div,
272
+ .gr-textbox > div > div, .gr-textarea > div > div,
273
+ .gr-textbox > div > div > div, .gr-textarea > div > div > div,
274
+ [class*="textbox"], [class*="textarea"],
275
+ [data-testid*="textbox"], [data-testid*="textarea"] {
276
+ background: #ffffff !important;
277
+ background-color: #ffffff !important;
278
+ }
279
+
280
+ /* Override any blue/dark backgrounds specifically */
281
+ .gr-textbox [style*="background"], .gr-textarea [style*="background"],
282
+ .gr-textbox [style*="background-color"], .gr-textarea [style*="background-color"] {
283
+ background: #ffffff !important;
284
+ background-color: #ffffff !important;
285
+ }
286
+
287
+ /* Force white background on any element with blue/dark styling */
288
+ [style*="background: rgb("], [style*="background-color: rgb("],
289
+ [style*="background:#"], [style*="background-color:#"] {
290
+ background: #ffffff !important;
291
+ background-color: #ffffff !important;
292
+ }
293
  """
294
 
295
  def format_results_html(result):