From 35822122bdb11d9b6e03d668aaf089640275366b Mon Sep 17 00:00:00 2001
From: Ian Gulliver <git@flamingcow.io>
Date: Mon, 26 Jan 2026 13:47:45 -0800
Subject: [PATCH] Use cyan for mode bubbles, fix error-info width constraint

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 static/index.html | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/static/index.html b/static/index.html
index bc62535..fdde0e7 100644
--- a/static/index.html
+++ b/static/index.html
@@ -164,8 +164,9 @@
             content: '';
             position: absolute;
             top: 100%;
-            left: 0;
-            right: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 120px;
             height: 8px;
         }
 
@@ -357,11 +358,11 @@
         }
 
         .node .dante-info.tx-info {
-            background: #853;
+            background: #586;
         }
 
         .node .dante-info.rx-info {
-            background: #357;
+            background: #468;
         }
 
         .node .dante-info .dante-detail {
@@ -474,11 +475,11 @@
         }
 
         .node .artnet-info.out-info {
-            background: #753;
+            background: #586;
         }
 
         .node .artnet-info.in-info {
-            background: #357;
+            background: #468;
         }
 
         .node .artnet-info .artnet-detail {
@@ -577,7 +578,7 @@
             padding: 1px 6px;
             border-radius: 8px;
             white-space: nowrap;
-            background: #357;
+            background: #468;
             color: #fff;
             z-index: 10;
         }