Spaces:
Running
Running
File size: 2,712 Bytes
e76973a 8553d06 e76973a 8553d06 e76973a 8553d06 e76973a 8553d06 e76973a 8553d06 e76973a 8553d06 e76973a 8553d06 e76973a 8553d06 e76973a 8553d06 c1acd4a e76973a c1acd4a e76973a c1acd4a e76973a c1acd4a e76973a c1acd4a e76973a c1acd4a e76973a c1acd4a e76973a c1acd4a e76973a c1acd4a |
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 |
: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: #000000;
background-color: #ffffff;
}
.custom-dataframe thead th {
background-color: #f0f0f0 !important;
color: #000000 !important;
}
.custom-dataframe tbody td {
background-color: #ffffff !important;
color: #000000 !important;
}
.custom-dataframe thead th:nth-child(-n+4),
.custom-dataframe tbody td:nth-child(-n+4) {
background-color: #f0f8ff !important;
}
.custom-dataframe thead th:nth-child(n+5),
.custom-dataframe tbody td:nth-child(n+5) {
background-color: #f0fff0 !important;
}
.custom-dataframe tbody tr:nth-child(even) td:nth-child(-n+4) {
background-color: #e6f3ff !important;
}
.custom-dataframe tbody tr:nth-child(even) td:nth-child(n+5) {
background-color: #e6ffe6 !important;
}
/* Dark mode styles */
@media (prefers-color-scheme: dark) {
.custom-dataframe {
color: #e0e0e0 !important;
background-color: #1a1a1a !important;
}
.custom-dataframe thead th {
background-color: #333333 !important;
color: #ffffff !important;
}
.custom-dataframe tbody td {
background-color: #1a1a1a !important;
color: #e0e0e0 !important;
}
.custom-dataframe thead th:nth-child(-n+4),
.custom-dataframe tbody td:nth-child(-n+4) {
background-color: rgba(0, 50, 100, 0.3) !important;
}
.custom-dataframe thead th:nth-child(n+5),
.custom-dataframe tbody td:nth-child(n+5) {
background-color: rgba(0, 75, 0, 0.3) !important;
}
.custom-dataframe tbody tr:nth-child(even) td:nth-child(-n+4) {
background-color: rgba(0, 60, 120, 0.3) !important;
}
.custom-dataframe tbody tr:nth-child(even) td:nth-child(n+5) {
background-color: rgba(0, 90, 0, 0.3) !important;
}
.custom-dataframe tbody tr:hover td {
background-color: rgba(255, 255, 255, 0.1) !important;
}
}
|