änderung des titels

public/css/launcher.css

@@ -178,3 +178,21 @@
 
   box-shadow: 0 0 6px rgba(255, 210, 120, 0.6);
 }
+
+.chat-channels button.active {
+  background: linear-gradient(#a37742, #5c3a1a);
+
+  border-color: #ffd27a;
+
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6);
+}
+
+.global-chat {
+  color: #e6c48a;
+}
+.guild-chat {
+  color: #6ed37c;
+}
+.private-chat {
+  color: #7ec8ff;
+}

public/js/chat.js

@@ -26,6 +26,11 @@ document.querySelectorAll(".chat-channels button").forEach((btn) => {
 
     channel = btn.dataset.channel;
 
+    // Titel ändern
+    if (channel === "global") chatTitle.innerText = "Globalchat";
+    if (channel === "guild") chatTitle.innerText = "Gildenchat";
+    if (channel === "private") chatTitle.innerText = "Privatchat";
+
     updateChat();
   };
 });

views/launcher.ejs

@@ -180,7 +180,7 @@
     </div>
 
     <div id="game-chat">
-      <div class="chat-header">Tavernenchat</div>
+      <div class="chat-header" id="chat-title">Globalchat</div>
 
       <div class="chat-channels">
         <button data-channel="global" class="active">Global</button>