Marcelo Lotif commited on
Commit
a340266
·
1 Parent(s): 5cff478

Fixing table styles for dark theme

Browse files
Files changed (1) hide show
  1. src/display/css_html_js.py +14 -9
src/display/css_html_js.py CHANGED
@@ -99,15 +99,6 @@ custom_css = """
99
  color: rgb(2, 136, 209) !important;
100
  }
101
 
102
- @media (prefers-color-scheme: dark) {
103
- #left-container #black-logo {
104
- display: none;
105
- }
106
- #left-container #white-logo {
107
- display: block;
108
- }
109
- }
110
-
111
  .benchmark-table-container table {
112
  width: 100%; /* Make table take full width of its container */
113
  border-collapse: collapse; /* Remove spacing between table cells */
@@ -130,6 +121,20 @@ custom_css = """
130
  background-color: #f9f9f9; /* Very light gray background for even rows for zebra striping */
131
  }
132
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
133
 
134
  """
135
 
 
99
  color: rgb(2, 136, 209) !important;
100
  }
101
 
 
 
 
 
 
 
 
 
 
102
  .benchmark-table-container table {
103
  width: 100%; /* Make table take full width of its container */
104
  border-collapse: collapse; /* Remove spacing between table cells */
 
121
  background-color: #f9f9f9; /* Very light gray background for even rows for zebra striping */
122
  }
123
 
124
+ @media (prefers-color-scheme: dark) {
125
+ #left-container #black-logo {
126
+ display: none;
127
+ }
128
+ #left-container #white-logo {
129
+ display: block;
130
+ }
131
+ .benchmark-table-container th {
132
+ background-color: #3b3b3b;
133
+ }
134
+ .benchmark-table-container tbody tr:nth-child(even) {
135
+ background-color: #2b2b2b;
136
+ }
137
+ }
138
 
139
  """
140