From 107dfcac6519efa961fe617c099c4e8f255bc64c Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <aider@paulg.org>
Date: Tue, 3 Dec 2024 16:14:49 -0800
Subject: [PATCH] style: update Sonnet bar color to green in chart

---
 aider/website/_includes/qwq-chart.js | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/aider/website/_includes/qwq-chart.js b/aider/website/_includes/qwq-chart.js
index 64d5e98b8..ecf9c155d 100644
--- a/aider/website/_includes/qwq-chart.js
+++ b/aider/website/_includes/qwq-chart.js
@@ -23,16 +23,22 @@ document.addEventListener('DOMContentLoaded', function () {
       datasets: [{
         label: 'Percent completed correctly',
         data: filteredData.map(row => row.pass_rate_2),
-        backgroundColor: filteredData.map(row => 
-          row.model === 'Qwen2.5 Coder 32B Instruct' 
-            ? 'rgba(255, 99, 132, 0.2)'  // Pink color for Qwen
-            : 'rgba(54, 162, 235, 0.2)'  // Default blue
-        ),
-        borderColor: filteredData.map(row => 
-          row.model === 'Qwen2.5 Coder 32B Instruct'
-            ? 'rgba(255, 99, 132, 1)'    // Pink border for Qwen
-            : 'rgba(54, 162, 235, 1)'    // Default blue border
-        ),
+        backgroundColor: filteredData.map(row => {
+          if (row.model === 'Qwen2.5 Coder 32B Instruct') {
+            return 'rgba(255, 99, 132, 0.2)';  // Pink color for Qwen
+          } else if (row.model === 'Sonnet (SOTA)') {
+            return 'rgba(75, 192, 192, 0.2)';  // Green color for Sonnet
+          }
+          return 'rgba(54, 162, 235, 0.2)';    // Default blue
+        }),
+        borderColor: filteredData.map(row => {
+          if (row.model === 'Qwen2.5 Coder 32B Instruct') {
+            return 'rgba(255, 99, 132, 1)';    // Pink border for Qwen
+          } else if (row.model === 'Sonnet (SOTA)') {
+            return 'rgba(75, 192, 192, 1)';    // Green border for Sonnet
+          }
+          return 'rgba(54, 162, 235, 1)';      // Default blue border
+        }),
         borderWidth: 1
       }]
     };