Jerrycool commited on
Commit
edc8e3c
·
verified ·
1 Parent(s): 0df002c

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +24 -18
app.py CHANGED
@@ -482,6 +482,7 @@ image_css = """
482
  }
483
  """
484
 
 
485
  # --- ⭐ NEW: Dark Mode Overrides ⭐ ---
486
  dark_mode_css = """
487
  @media (prefers-color-scheme: dark) {
@@ -496,7 +497,7 @@ dark_mode_css = """
496
 
497
  /* Make links slightly brighter if needed */
498
  #leaderboard-table .model-link {
499
- /* color: var(--link-text-color-dark, #58a6ff); */ /* Optional: specific dark link color */
500
  }
501
 
502
  #leaderboard-table {
@@ -505,10 +506,10 @@ dark_mode_css = """
505
 
506
  /* Ensure table header/cell text contrasts with dark theme background */
507
  #leaderboard-table th {
508
- /* color: var(--table-header-text-color); */
509
  }
510
  #leaderboard-table td {
511
- /* color: var(--table-body-text-color); */
512
  }
513
 
514
 
@@ -525,23 +526,28 @@ dark_mode_css = """
525
  font-weight: bold;
526
  }
527
 
528
- /* Dark mode for Citation Textbox */
529
- #citation-button textarea {
530
- /* background-color: #22272e; */ /* Darker input bg */
531
- /* color: #adbac7; */ /* Lighter input text */
532
- /* border-color: #444c56; */ /* Darker border */
533
- background-color: var(--input-background-fill); /* Rely on theme dark vars */
534
- color: var(--input-text-color);
535
- border: 1px solid var(--border-color-accent);
536
  }
537
- /* Ensure Citation Accordion Header text is visible */
538
- .gradio-accordion button.label-wrap > span.svelte-1w6vloh {
539
- /* color: var(--neutral-300, #D2B48C); */ /* Lighter brown/tan */
540
- }
541
- /* Ensure Citation Textbox Label is visible */
542
  #citation-button span.svelte-1gfkn6j {
543
- /* color: var(--neutral-400, #999); */ /* Lighter grey */
544
- }
 
 
 
 
 
 
 
 
 
 
545
 
546
 
547
  /* Dark mode for Image shadows */
 
482
  }
483
  """
484
 
485
+ # --- ⭐ NEW: Dark Mode Overrides ⭐ ---
486
  # --- ⭐ NEW: Dark Mode Overrides ⭐ ---
487
  dark_mode_css = """
488
  @media (prefers-color-scheme: dark) {
 
497
 
498
  /* Make links slightly brighter if needed */
499
  #leaderboard-table .model-link {
500
+ /* color: var(--link-text-color-dark, #58a6ff); */ /* Optional: specific dark link color */
501
  }
502
 
503
  #leaderboard-table {
 
506
 
507
  /* Ensure table header/cell text contrasts with dark theme background */
508
  #leaderboard-table th {
509
+ /* color: var(--table-header-text-color); */
510
  }
511
  #leaderboard-table td {
512
+ /* color: var(--table-body-text-color); */
513
  }
514
 
515
 
 
526
  font-weight: bold;
527
  }
528
 
529
+ /* --- START: Citation Dark Mode Fixes --- */
530
+
531
+ /* Dark mode for Citation Accordion Header ("📙 Citation") */
532
+ .gradio-accordion button.label-wrap > span.svelte-1w6vloh {
533
+ /* Use a lighter, more visible color for dark backgrounds */
534
+ color: var(--neutral-300, #D2B48C) !important; /* Lighter brown/tan - uncommented and made important */
 
 
535
  }
536
+
537
+ /* Dark mode for Citation Textbox Label ("Copy the following snippet...") */
 
 
 
538
  #citation-button span.svelte-1gfkn6j {
539
+ /* Use a lighter grey for better visibility */
540
+ color: var(--neutral-400, #b0b0b0) !important; /* Lighter grey - uncommented, slightly lighter, and made important */
541
+ }
542
+
543
+ /* Dark mode for Citation Textbox Content (The actual text) */
544
+ #citation-button textarea {
545
+ /* Rely on theme variables first, but provide explicit fallbacks if needed */
546
+ background-color: var(--input-background-fill, #22272e); /* Rely on theme dark vars or fallback dark bg */
547
+ color: var(--input-text-color, #adbac7); /* Rely on theme dark vars or fallback light text */
548
+ border: 1px solid var(--border-color-accent, #444c56); /* Rely on theme dark vars or fallback dark border */
549
+ }
550
+ /* --- END: Citation Dark Mode Fixes --- */
551
 
552
 
553
  /* Dark mode for Image shadows */