Spaces:
Running
Running
File size: 3,081 Bytes
e76973a 8553d06 e76973a 8553d06 e76973a 0d5512e 8553d06 e76973a 0d5512e 8553d06 e76973a 0d5512e 8553d06 0d5512e 8553d06 0d5512e 8553d06 0d5512e 8553d06 0d5512e 8553d06 c1acd4a e76973a c1acd4a 0d5512e c1acd4a 0d5512e c1acd4a 0d5512e c1acd4a 0d5512e c1acd4a 0d5512e c1acd4a 0d5512e c1acd4a 0d5512e e76973a 0d5512e c1acd4a 0d5512e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 |
:root {
--background-color: #ffffff;
--text-color: #000000;
--header-background: #f0f0f0;
--global-column-background: #f0f8ff;
--dimension-column-background: #f0fff0;
--hover-background: rgba(0, 0, 0, 0.1);
--border-color: #e0e0e0;
--row-even-global: #e6f3ff;
--row-even-dimension: #e6ffe6;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #1a1a1a;
--text-color: #e0e0e0;
--header-background: #333333;
--global-column-background: rgba(0, 50, 100, 0.3);
--dimension-column-background: rgba(0, 75, 0, 0.3);
--hover-background: rgba(255, 255, 255, 0.1);
--border-color: #3a3a3a;
--row-even-global: rgba(0, 60, 120, 0.3);
--row-even-dimension: rgba(0, 90, 0, 0.3);
}
}
/* Light mode styles */
.custom-dataframe {
color: var(--text-color);
background-color: var(--background-color);
}
.custom-dataframe thead th {
background-color: var(--header-background) !important;
color: var(--text-color) !important;
}
.custom-dataframe tbody td {
background-color: var(--background-color) !important;
color: var(--text-color) !important;
}
.custom-dataframe thead th:nth-child(-n+5),
.custom-dataframe tbody td:nth-child(-n+5) {
background-color: var(--global-column-background) !important;
}
.custom-dataframe thead th:nth-child(n+6),
.custom-dataframe tbody td:nth-child(n+6) {
background-color: var(--dimension-column-background) !important;
}
.custom-dataframe tbody tr:nth-child(even) td:nth-child(-n+5) {
background-color: var(--row-even-global) !important;
}
.custom-dataframe tbody tr:nth-child(even) td:nth-child(n+6) {
background-color: var(--row-even-dimension) !important;
}
/* Dark mode styles */
@media (prefers-color-scheme: dark) {
.custom-dataframe {
color: var(--text-color) !important;
background-color: var(--background-color) !important;
}
.custom-dataframe thead th {
background-color: var(--header-background) !important;
color: var(--text-color) !important;
}
.custom-dataframe tbody td {
background-color: var(--background-color) !important;
color: var(--text-color) !important;
}
.custom-dataframe thead th:nth-child(-n+5),
.custom-dataframe tbody td:nth-child(-n+5) {
background-color: var(--global-column-background) !important;
}
.custom-dataframe thead th:nth-child(n+6),
.custom-dataframe tbody td:nth-child(n+6) {
background-color: var(--dimension-column-background) !important;
}
.custom-dataframe tbody tr:nth-child(even) td:nth-child(-n+5) {
background-color: var(--row-even-global) !important;
}
.custom-dataframe tbody tr:nth-child(even) td:nth-child(n+6) {
background-color: var(--row-even-dimension) !important;
}
.custom-dataframe tbody tr:hover td {
background-color: var(--hover-background) !important;
}
}
.table-caption {
text-align: center;
margin-top: 10px;
color: var(--text-color);
}
|