typo fix; update css for dark mode

.gitignore

@@ -226,3 +226,5 @@ pyrightconfig.json
 .ionide
 
 # End of https://www.toptal.com/developers/gitignore/api/python,visualstudiocode,macos
+
+.gradio

static/css/style.css

@@ -60,3 +60,49 @@
 .custom-dataframe tbody tr:nth-child(even) td:nth-child(n+5) {
     background-color: #e6ffe6 !important; /* Slightly darker light green */
 }
+
+/* Dark mode specific styles */
+@media (prefers-color-scheme: dark) {
+    .custom-dataframe {
+        color: var(--body-text-color);
+    }
+
+    .custom-dataframe table {
+        background-color: var(--background-fill-primary);
+    }
+
+    .custom-dataframe thead th {
+        background-color: var(--background-fill-secondary);
+        color: var(--body-text-color);
+    }
+
+    .custom-dataframe tbody td {
+        color: var(--body-text-color);
+    }
+
+    /* 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);
+    }
+
+    /* 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);
+    }
+
+    /* Hover effect for better row distinction in dark mode */
+    .custom-dataframe tbody tr:hover td {
+        background-color: rgba(255, 255, 255, 0.05);
+    }
+
+    /* 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);
+    }
+
+    .custom-dataframe tbody tr:nth-child(even) td:nth-child(n+5) {
+        background-color: rgba(0, 150, 0, 0.15);
+    }
+}

utils.py

@@ -106,11 +106,11 @@ def get_original_keyword(mapped_keyword):
 MODEL_GROUPS = {
     "All": list(MODEL_DATA.keys()),
     "Flagship Models": ['GPT_4o', 'Claude_3.5', 'Gemini_1.5_pro_002', 'Qwen2_VL_72B', 'InternVL2_76B', 'llava_onevision_72B'],
-    "Efficienty Models": ['Gemini_1.5_flash_002', 'GPT_4o_mini', 'Qwen2_VL_7B', 'Pixtral_12B', 'InternVL2_8B', 'Phi-3.5-vision', 'MiniCPM_v2.6', 'llava_onevision_7B', 'Llama_3_2_11B', 'Idefics3'],
+    "Efficiency Models": ['Gemini_1.5_flash_002', 'GPT_4o_mini', 'Qwen2_VL_7B', 'Pixtral_12B', 'InternVL2_8B', 'Phi-3.5-vision', 'MiniCPM_v2.6', 'llava_onevision_7B', 'Llama_3_2_11B', 'Idefics3'],
     "Proprietary Flagship models": ['GPT_4o', 'Claude_3.5', 'Gemini_1.5_pro_002'],
-    "Open-source Efficienty Models": ['Qwen2_VL_7B', 'Pixtral_12B', 'InternVL2_8B', 'Phi-3.5-vision', 'MiniCPM_v2.6', 'llava_onevision_7B', 'Llama_3_2_11B', 'Idefics3'],
+    "Open-source Efficiency Models": ['Qwen2_VL_7B', 'Pixtral_12B', 'InternVL2_8B', 'Phi-3.5-vision', 'MiniCPM_v2.6', 'llava_onevision_7B', 'Llama_3_2_11B', 'Idefics3'],
     "Open-source Flagship Models": ['Qwen2_VL_72B', 'InternVL2_76B', 'llava_onevision_72B'],
-    "Proprietary Efficienty Models": ['Gemini_1.5_flash_002', 'GPT_4o_mini', 'Qwen2_VL_7B', 'Pixtral_12B', 'InternVL2_8B', 'Phi-3.5-vision', 'MiniCPM_v2.6', 'llava_onevision_7B', 'Llama_3_2_11B', 'Idefics3'],
+    "Proprietary Efficiency Models": ['Gemini_1.5_flash_002', 'GPT_4o_mini', 'Qwen2_VL_7B', 'Pixtral_12B', 'InternVL2_8B', 'Phi-3.5-vision', 'MiniCPM_v2.6', 'llava_onevision_7B', 'Llama_3_2_11B', 'Idefics3'],
 }
 
 def get_display_model_name(model_name):