From 2b521d1df53f6ff2673e6f4e8b82b0ed4f19e762 Mon Sep 17 00:00:00 2001
From: Erik <erik.nihlen@gmail.com>
Date: Sat, 11 Apr 2026 14:33:23 +0200
Subject: [PATCH] fix(vitalsharing): match sidebar colors for HP/STA/MANA bars

Previously the NetworkUI window used #c44/#4c4/#46c which rendered
stamina as green. Updated to the gradients used in .vital-fill.* in
style.css (#ff4444, #ffaa00, #4488ff) so the network UI matches the
player sidebar.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 static/script.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/static/script.js b/static/script.js
index 2b4ef9b7..c89e124e 100644
--- a/static/script.js
+++ b/static/script.js
@@ -4554,9 +4554,9 @@ function renderVitalSharingWindow() {
           <span style="width:70px;text-align:right;font-size:0.7rem;color:#aaa;">${cur ?? 0}/${max ?? 0}</span>
         </div>`;
       vitalsHtml =
-        bar('HP', v.current_health, v.max_health, '#c44') +
-        bar('STA', v.current_stamina, v.max_stamina, '#4c4') +
-        bar('MANA', v.current_mana, v.max_mana, '#46c');
+        bar('HP', v.current_health, v.max_health, 'linear-gradient(90deg, #ff4444, #ff6666)') +
+        bar('STA', v.current_stamina, v.max_stamina, 'linear-gradient(90deg, #ffaa00, #ffcc44)') +
+        bar('MANA', v.current_mana, v.max_mana, 'linear-gradient(90deg, #4488ff, #66aaff)');
     }
 
     let posHtml = '';