Alex ville ha färger på metastate för att han är en fisk

static/script.js

@@ -256,6 +256,18 @@ function render(players) {
     <span class="stat onlinetime">${p.onlinetime}</span>
     <span class="stat deaths">${p.deaths}</span>
   `;
+
+    // Color the metastate pill according to its value
+    const metaSpan = li.querySelector('.stat.meta');
+    if (metaSpan) {
+      const goodStates = ['default', 'default2', 'hunt', 'combat'];
+      const state = (p.vt_state || '').toString().toLowerCase();
+      if (goodStates.includes(state)) {
+        metaSpan.classList.add('green');
+      } else {
+        metaSpan.classList.add('red');
+      }
+    }
   
     li.addEventListener('click', () => selectPlayer(p, x, y));
     if (p.character_name === selected) li.classList.add('selected');

static/style.css

@@ -202,11 +202,23 @@ body {
 .stat.kills::before   { content: "⚔️ ";                     }
 .stat.kph::after      { content: " KPH"; font-size:0.7em; color:#aaa; }
 .stat.rares::after    { content: " Rares"; font-size:0.7em; color:#aaa; }
-.stat.meta {
+/* metastate pill colors are assigned dynamically: green for “good” states, red otherwise */
+#playerList li .stat.meta {
+  /* fallback */
   background: var(--accent);
   color: #111;
 }
 
+#playerList li .stat.meta.green {
+  background: #2ecc71; /* pleasant green */
+  color: #111;
+}
+
+#playerList li .stat.meta.red {
+  background: #e74c3c; /* vivid red */
+  color: #fff;
+}
+
 /* ---------- chat window styling ------------------------------- */
 .chat-btn {
   margin-top: 4px;