ZhouChuYue commited on
Commit
4e2080a
·
1 Parent(s): 6ec0521

fix: improve button contrast on light theme

Browse files
Files changed (1) hide show
  1. app.py +7 -4
app.py CHANGED
@@ -327,17 +327,20 @@ ul.options, .gr-dropdown-options {
327
  .gr-button-primary {
328
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%) !important;
329
  border: none !important;
330
- color: white !important;
331
  font-weight: 600 !important;
 
332
  }
333
 
334
  .gr-button-secondary {
335
- background: var(--surface-2) !important;
336
- border: 1px solid var(--border) !important;
337
- color: var(--text) !important;
 
338
  }
339
  .gr-button-secondary:hover {
340
  background: #e2e8f0 !important;
 
341
  }
342
 
343
  /* Tabs */
 
327
  .gr-button-primary {
328
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%) !important;
329
  border: none !important;
330
+ color: #ffffff !important;
331
  font-weight: 600 !important;
332
+ box-shadow: 0 6px 14px rgba(79, 70, 229, 0.25) !important;
333
  }
334
 
335
  .gr-button-secondary {
336
+ background: #f1f5f9 !important; /* clearer separation from page background */
337
+ border: 1px solid #cbd5e1 !important;
338
+ color: #0f172a !important;
339
+ box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08) !important;
340
  }
341
  .gr-button-secondary:hover {
342
  background: #e2e8f0 !important;
343
+ border-color: #94a3b8 !important;
344
  }
345
 
346
  /* Tabs */