From 53a64c88add0413caa548998d22a36131bf104c1 Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <paul@aider.chat>
Date: Sun, 13 Apr 2025 13:37:56 -0700
Subject: [PATCH] feat: Color the cost bar past the tear marker darker blue

---
 aider/website/_includes/leaderboard_table.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/aider/website/_includes/leaderboard_table.js b/aider/website/_includes/leaderboard_table.js
index ae41a7397..adf0c5402 100644
--- a/aider/website/_includes/leaderboard_table.js
+++ b/aider/website/_includes/leaderboard_table.js
@@ -221,6 +221,16 @@ document.addEventListener('DOMContentLoaded', function() {
         tearMarker.style.left = '90%'; // Position at 90% (around $45)
         bar.parentNode.appendChild(tearMarker);
         
+        // Create a darker section after the tear
+        const darkSection = document.createElement('div');
+        darkSection.className = 'bar-viz';
+        darkSection.style.width = '10%'; // From 90% to 100%
+        darkSection.style.left = '90%';
+        darkSection.style.backgroundColor = 'rgba(13, 110, 253, 0.6)'; // Darker blue
+        darkSection.style.borderRight = '1px solid rgba(13, 110, 253, 0.8)';
+        darkSection.style.zIndex = '1';
+        bar.parentNode.appendChild(darkSection);
+        
         // Add a marker at the end of the bar
         const marker = document.createElement('div');
         marker.className = 'cost-exceeded-marker';