ZhouChuYue commited on
Commit
91ada30
·
1 Parent(s): 8795fbb

fix: use standard high-contrast colors (white labels, slate inputs)

Browse files
Files changed (1) hide show
  1. app.py +17 -18
app.py CHANGED
@@ -229,19 +229,28 @@ body {
229
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
230
  }
231
 
232
- /* Inputs & Textareas - Force Dark Background */
 
 
 
 
 
 
 
 
 
233
  .gr-input, textarea, input, .gr-box, .gr-check-radio, .gr-dropdown {
234
  font-family: 'JetBrains Mono', monospace !important;
235
- background-color: #020617 !important; /* Very dark blue/black */
236
- border: 1px solid #475569 !important; /* Lighter border for visibility */
237
- color: #f8fafc !important; /* White text */
238
- box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.3) !important;
239
  }
240
 
241
  /* Focus state */
242
  .gr-input:focus, textarea:focus, input:focus {
243
- border-color: #818cf8 !important;
244
- background-color: #0f172a !important;
245
  }
246
 
247
  /* Override default block backgrounds */
@@ -254,7 +263,7 @@ body {
254
  ul.options, .gr-dropdown-options {
255
  background-color: #1e293b !important;
256
  color: #ffffff !important;
257
- border: 1px solid #475569 !important;
258
  }
259
 
260
  /* Markdown prose */
@@ -262,16 +271,6 @@ ul.options, .gr-dropdown-options {
262
  color: var(--text-light) !important;
263
  }
264
 
265
- /* Labels - High Contrast */
266
- label span, .gr-form label span {
267
- color: #38bdf8 !important; /* Bright Cyan */
268
- font-weight: 700 !important;
269
- font-size: 1rem !important;
270
- letter-spacing: 0.02em !important;
271
- margin-bottom: 0.5rem !important;
272
- text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
273
- }
274
-
275
  /* Buttons */
276
  .gr-button-primary {
277
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
 
229
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
230
  }
231
 
232
+ /* Labels - High Contrast, Clean White */
233
+ label span, .gr-form label span {
234
+ color: #f8fafc !important; /* Almost White */
235
+ font-weight: 600 !important;
236
+ font-size: 1rem !important;
237
+ margin-bottom: 0.5rem !important;
238
+ text-shadow: none !important;
239
+ }
240
+
241
+ /* Inputs & Textareas - Dark Grey Background for Contrast */
242
  .gr-input, textarea, input, .gr-box, .gr-check-radio, .gr-dropdown {
243
  font-family: 'JetBrains Mono', monospace !important;
244
+ background-color: #1e293b !important; /* Slate 800 - Lighter than bg, darker than text */
245
+ border: 1px solid #64748b !important; /* Visible Slate Border */
246
+ color: #ffffff !important;
247
+ box-shadow: none !important;
248
  }
249
 
250
  /* Focus state */
251
  .gr-input:focus, textarea:focus, input:focus {
252
+ border-color: #ffffff !important; /* White border on focus */
253
+ background-color: #334155 !important; /* Slightly lighter on focus */
254
  }
255
 
256
  /* Override default block backgrounds */
 
263
  ul.options, .gr-dropdown-options {
264
  background-color: #1e293b !important;
265
  color: #ffffff !important;
266
+ border: 1px solid #64748b !important;
267
  }
268
 
269
  /* Markdown prose */
 
271
  color: var(--text-light) !important;
272
  }
273
 
 
 
 
 
 
 
 
 
 
 
274
  /* Buttons */
275
  .gr-button-primary {
276
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;