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 = '';