Update index.html

index.html

@@ -14,8 +14,8 @@
       --accent: #58a6ff;
       --green: #3fb950;
       --orange: #d29922;
-      --compactai: #58a6ff;
-      --supralabs: #3fb950;
+      --compactai: #3fb950;
+      --supralabs: #58a6ff;
     }
     * { margin: 0; padding: 0; box-sizing: border-box; }
     body { font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; background: var(--bg); color: var(--text); padding: 2rem; }
@@ -39,8 +39,8 @@
     td:first-child, th:first-child { text-align: left; padding-left: 1rem; }
     tr:hover td { background: rgba(88,166,255,.05); }
     .org-tag { display: inline-block; padding: .15rem .5rem; border-radius: 4px; font-size: .75rem; font-weight: 600; }
-    .org-compactai { background: #1f6feb33; color: var(--compactai); }
-    .org-supralabs { background: #3fb95033; color: var(--supralabs); }
+    .org-compactai { background: #3fb95033; color: var(--compactai); }
+    .org-supralabs { background: #1f6feb33; color: var(--supralabs); }
     .row-compactai { border-left: 3px solid var(--compactai); }
     .row-supralabs { border-left: 3px solid var(--supralabs); }
     .best { color: var(--green); font-weight: 700; }
@@ -307,8 +307,8 @@ const models = [
   { name: 'Glint-0.1',         org: 'compactai', blimp: 46.7, arc: 21.0, wiki: null },
 ];
 
-const colorMap = { compactai: '#58a6ff', supralabs: '#3fb950' };
-const bgMap = { compactai: 'rgba(88,166,255,0.7)', supralabs: 'rgba(63,185,80,0.7)' };
+const colorMap = { compactai: '#3fb950', supralabs: '#58a6ff' };
+const bgMap = { compactai: 'rgba(63,185,80,0.7)', supralabs: 'rgba(88,166,255,0.7)' };
 
 function buildChart(canvasId, metric, label, reverse) {
   const m = metric === 'wiki' ? 'wiki' : metric;