align models and colors

src/App.js

@@ -1,11 +1,11 @@
 import React, { useState } from 'react';
 
 const rateModels = [
-  { label: 'GPT-5.4 Mini', syc: 10, total: 200, bg: 'linear-gradient(to right, #2d5280, #4a8ac4)' },
-  { label: 'GPT-5.4', syc: 12, total: 200, bg: 'linear-gradient(to right, #3a7048, #5cb578)' },
-  { label: 'Gemini 3.1 Pro', syc: 36, total: 200, bg: 'linear-gradient(to right, #a04820, #e07040)' },
-  { label: 'Gemini Flash', syc: 42, total: 199, bg: 'linear-gradient(to right, #a07020, #d4a840)' },
-  { label: 'GPT-4o Mini', syc: 44, total: 200, bg: 'linear-gradient(to right, #7a4080, #b870c0)' },
+  { label: 'GPT-5.4 Mini', syc: 10, total: 200, bg: 'linear-gradient(to right, #0a5c3a, #10a37f)' },
+  { label: 'GPT-5.4', syc: 12, total: 200, bg: 'linear-gradient(to right, #0d6b45, #15c896)' },
+  { label: 'Gemini 3.1 Pro', syc: 36, total: 200, bg: 'linear-gradient(to right, #1a56b0, #4285f4)' },
+  { label: 'Gemini Flash', syc: 42, total: 199, bg: 'linear-gradient(to right, #2563a8, #5b9ef5)' },
+  { label: 'GPT-4o Mini', syc: 44, total: 200, bg: 'linear-gradient(to right, #074a2e, #0d8a5f)' },
 ];
 
 const totals = { mini54: 10, gpt54: 12, gpt4omini: 44, flash: 42, gemPro: 36 };
@@ -19,11 +19,11 @@ const categories = [
 ];
 
 const catModels = [
-  { key: 'mini54', bg: 'linear-gradient(to right, #2d5280, #4a8ac4)', dot: '#4a8ac4', label: 'GPT-5.4 Mini' },
-  { key: 'gpt54', bg: 'linear-gradient(to right, #3a7048, #5cb578)', dot: '#5cb578', label: 'GPT-5.4' },
-  { key: 'gpt4omini', bg: 'linear-gradient(to right, #7a4080, #b870c0)', dot: '#b870c0', label: 'GPT-4o Mini' },
-  { key: 'flash', bg: 'linear-gradient(to right, #a07020, #d4a840)', dot: '#d4a840', label: 'Gemini Flash' },
-  { key: 'gemPro', bg: 'linear-gradient(to right, #a04820, #e07040)', dot: '#e07040', label: 'Gemini 3.1 Pro' },
+  { key: 'mini54', bg: 'linear-gradient(to right, #0a5c3a, #10a37f)', dot: '#10a37f', label: 'GPT-5.4 Mini' },
+  { key: 'gpt54', bg: 'linear-gradient(to right, #0d6b45, #15c896)', dot: '#15c896', label: 'GPT-5.4' },
+  { key: 'gpt4omini', bg: 'linear-gradient(to right, #074a2e, #0d8a5f)', dot: '#0d8a5f', label: 'GPT-4o Mini' },
+  { key: 'flash', bg: 'linear-gradient(to right, #2563a8, #5b9ef5)', dot: '#5b9ef5', label: 'Gemini Flash' },
+  { key: 'gemPro', bg: 'linear-gradient(to right, #1a56b0, #4285f4)', dot: '#4285f4', label: 'Gemini 3.1 Pro' },
 ];
 
 const BenchmarkChart = () => {