Update app.py

app.py

@@ -67,8 +67,14 @@ def generate_html_table_from_df(df):
     static_width = max_length * 10 + 16
 
     max_energy = df['gpu_energy_numeric'].max() if not df.empty else 1
-    color_map = {"1": "red", "2": "orange", "3": "yellow", "4": "lightgreen", "5": "green"}
-    html = '<table style="width:100%; border-collapse: collapse; font-family: Arial, sans-serif;">'
+    color_map = {"1": "black", "2": "black", "3": "black", "4": "black", "5": "black"}
+    html = '<table style="width:100%; border-collapse: collapse; font-family: Inter, sans-serif;">'
+    html += '<thead><tr style="background-color: #f2f2f2;">'
+    html += '<th style="text-align: left; padding: 8px;" title="Model name with link to Hugging Face">Model</th>'
+    html += '<th style="text-align: left; padding: 8px;" title="GPU energy consumed in Watt-hours for 1,000 queries">GPU Energy (Wh)</th>'
+    html += '<th style="text-align: left; padding: 8px;" title="5 is most efficient, 1 is least. Relative energy efficiency score relative to other models in task/class at the time of leaderboard launch">Score</th>'
+    html += '</tr></thead>'
+
     # Apply the static width to the Model column header.
     html += f'<thead><tr style="background-color: #f2f2f2;">'
     html += f'<th style="text-align: left; padding: 8px; width: {static_width}px;">Model</th>'