update darkmode style

static/css/style.css

@@ -64,45 +64,48 @@
 /* Dark mode specific styles */
 @media (prefers-color-scheme: dark) {
     .custom-dataframe {
-        color: var(--body-text-color);
+        color: #e0e0e0;
+        background-color: #1a1a1a;
     }
 
     .custom-dataframe table {
-        background-color: var(--background-fill-primary);
+        background-color: #2a2a2a;
+        border-collapse: collapse;
     }
 
     .custom-dataframe thead th {
-        background-color: var(--background-fill-secondary);
-        color: var(--body-text-color);
+        background-color: #333333;
+        color: #ffffff;
+        border-bottom: 2px solid #4a4a4a;
     }
 
     .custom-dataframe tbody td {
-        color: var(--body-text-color);
+        border: 1px solid #3a3a3a;
     }
 
     /* Style for global result columns in dark mode */
     .custom-dataframe thead th:nth-child(-n+4),
     .custom-dataframe tbody td:nth-child(-n+4) {
-        background-color: rgba(0, 100, 200, 0.1);
+        background-color: rgba(0, 50, 100, 0.3);
     }
 
     /* Style for dimension-specific result columns in dark mode */
     .custom-dataframe thead th:nth-child(n+5),
     .custom-dataframe tbody td:nth-child(n+5) {
-        background-color: rgba(0, 150, 0, 0.1);
+        background-color: rgba(0, 75, 0, 0.3);
     }
 
     /* Hover effect for better row distinction in dark mode */
     .custom-dataframe tbody tr:hover td {
-        background-color: rgba(255, 255, 255, 0.05);
+        background-color: rgba(255, 255, 255, 0.1);
     }
 
     /* Alternating row colors for better readability in dark mode */
     .custom-dataframe tbody tr:nth-child(even) td:nth-child(-n+4) {
-        background-color: rgba(0, 100, 200, 0.15);
+        background-color: rgba(0, 60, 120, 0.3);
     }
 
     .custom-dataframe tbody tr:nth-child(even) td:nth-child(n+5) {
-        background-color: rgba(0, 150, 0, 0.15);
+        background-color: rgba(0, 90, 0, 0.3);
     }
 }