fix: dark mode CSS issues

#5
Files changed (1) hide show
  1. app.py +8 -5
app.py CHANGED
@@ -398,7 +398,7 @@ body {
398
  display: flex;
399
  align-items: center;
400
  padding: 10px;
401
- background-color: white;
402
  }
403
  #logo {
404
  width: auto;
@@ -459,7 +459,7 @@ body {
459
  #filmstrip-container {
460
  width: 100%;
461
  height: 80px !important;
462
- background-color: #f0f0f0;
463
  position: relative;
464
  overflow: hidden;
465
  cursor: pointer;
@@ -522,10 +522,13 @@ body {
522
  text-align: left;
523
  }
524
  .metadata-table th {
525
- background-color: #f2f2f2;
526
  }
527
  .metadata-table tr:nth-child(even) {
528
- background-color: #f9f9f9;
 
 
 
529
  }
530
  .timestamp-link {
531
  color: #0066cc;
@@ -536,7 +539,7 @@ body {
536
  text-decoration: underline;
537
  }
538
  .chat-discussion {
539
- background-color: #f0f0f0;
540
  border-radius: 10px;
541
  padding: 15px;
542
  margin-bottom: 20px;
 
398
  display: flex;
399
  align-items: center;
400
  padding: 10px;
401
+ background-color: var(--background-fill-secondary);
402
  }
403
  #logo {
404
  width: auto;
 
459
  #filmstrip-container {
460
  width: 100%;
461
  height: 80px !important;
462
+ background-color: var(--background-fill-secondary);
463
  position: relative;
464
  overflow: hidden;
465
  cursor: pointer;
 
522
  text-align: left;
523
  }
524
  .metadata-table th {
525
+ background-color: var(--background-fill-secondary);
526
  }
527
  .metadata-table tr:nth-child(even) {
528
+ background-color: var(--table-even-background-fill);
529
+ }
530
+ .metadata-table tr:nth-child(odd) {
531
+ background-color: var(--table-odd-background-fill);
532
  }
533
  .timestamp-link {
534
  color: #0066cc;
 
539
  text-decoration: underline;
540
  }
541
  .chat-discussion {
542
+ background-color: var(--background-fill-secondary);
543
  border-radius: 10px;
544
  padding: 15px;
545
  margin-bottom: 20px;