Update server.js

server.js

@@ -22,6 +22,9 @@ let running = false;
 let startNs = 0n;
 let accumulatedNs = 0n;
 
+// NEW: shared color for all clients (default matches your theme)
+let color = "#E8EEF8"; // hex only
+
 const nowNs = () => process.hrtime.bigint();
 const nsToMillis = (ns) => Number(ns) / 1e6;
 
@@ -34,7 +37,8 @@ function broadcastState() {
   const payload = {
     running,
     elapsedMs: nsToMillis(currentElapsedNs()),
-    serverSentAtMs: Date.now()
+    serverSentAtMs: Date.now(),
+    color, // <-- include color in every state
   };
   io.emit("state", payload);
 }
@@ -78,10 +82,11 @@ io.on("connection", (socket) => {
   socket.emit("state", {
     running,
     elapsedMs: nsToMillis(currentElapsedNs()),
-    serverSentAtMs: Date.now()
+    serverSentAtMs: Date.now(),
+    color,
   });
 
-  // --- Admin joins a room to receive client lists
+  // --- Admin joins a room to receive client list updates
   socket.on("admin:join", () => {
     socket.join("admins");
     broadcastClients();
@@ -137,6 +142,15 @@ io.on("connection", (socket) => {
     broadcastState();
   });
 
+  // NEW: Admin sets color (hex only)
+  socket.on("cmd:color", (hex) => {
+    if (typeof hex !== "string") return;
+    const ok = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/.test(hex.trim());
+    if (!ok) return;
+    color = hex.trim();
+    broadcastState(); // push new color to everyone
+  });
+
   socket.on("disconnect", () => {
     stopLatencyProbe(socket);
     clients.delete(socket.id);