ZhouChuYue commited on
Commit
7e33616
·
1 Parent(s): 3d65e75

fix: increase tab contrast on light theme

Browse files
Files changed (1) hide show
  1. app.py +8 -4
app.py CHANGED
@@ -180,7 +180,7 @@ custom_css = """
180
  --surface-2: #f1f5f9;
181
  --border: #e2e8f0;
182
  --text: #0f172a;
183
- --muted: #64748b;
184
  --accent: #4f46e5;
185
  --accent-2: #6366f1;
186
  }
@@ -343,13 +343,17 @@ ul.options, .gr-dropdown-options {
343
  border-color: #94a3b8 !important;
344
  }
345
 
 
346
  /* Tabs */
347
  .tabs button {
348
- color: var(--muted) !important;
 
349
  }
350
  .tabs button.selected {
351
- color: var(--accent) !important;
352
- border-bottom-color: var(--accent) !important;
 
 
353
  }
354
 
355
  /* Radio buttons */
 
180
  --surface-2: #f1f5f9;
181
  --border: #e2e8f0;
182
  --text: #0f172a;
183
+ --muted: #1f2937; /* darker for readability */
184
  --accent: #4f46e5;
185
  --accent-2: #6366f1;
186
  }
 
343
  border-color: #94a3b8 !important;
344
  }
345
 
346
+ /* Tabs */
347
  /* Tabs */
348
  .tabs button {
349
+ color: #0f172a !important; /* dark text for readability */
350
+ font-weight: 600 !important;
351
  }
352
  .tabs button.selected {
353
+ color: #ffffff !important;
354
+ background: var(--accent) !important;
355
+ border-radius: 6px !important;
356
+ padding: 4px 10px !important;
357
  }
358
 
359
  /* Radio buttons */