randomize username colors

mudkipdev · Dec 2, 2024 · 5c71f6a · 5c71f6a
1 parent 0d7c4cf
commit 5c71f6a
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/components/chat/Chat.astro b/src/components/chat/Chat.astro
@@ -15,7 +15,19 @@
 <script>
     const input = document.querySelector(`#chat input[type="text"]`) as HTMLInputElement;
     const history = document.querySelector("#history") as HTMLUListElement;
+    const colors = [
+        "red",
+        "peach",
+        "yellow",
+        "green",
+        "sky",
+        "blue",
+        "mauve",
+        "pink"
+    ];
+
     const username = "mudkip";
+    const color = colors[Math.floor(Math.random() * colors.length)];
 
     if (!input || !history) {
         console.error("could not find chat elements");
@@ -34,7 +46,7 @@
 
             const usernameElement = document.createElement("span");
             usernameElement.textContent = "<" + username + ">";
-            usernameElement.style.color = "var(--ctp-macchiato-green)";
+            usernameElement.style.color = `var(--ctp-macchiato-${color})`;
             usernameElement.style.fontSize = "inherit";
             element.appendChild(usernameElement);