diff --git a/public/css/launcher.css b/public/css/launcher.css index fc50a7c..f496046 100644 --- a/public/css/launcher.css +++ b/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; +} diff --git a/public/js/chat.js b/public/js/chat.js index 590de2f..c6d90d4 100644 --- a/public/js/chat.js +++ b/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(); }; }); diff --git a/views/launcher.ejs b/views/launcher.ejs index 019ae28..b5e6f69 100644 --- a/views/launcher.ejs +++ b/views/launcher.ejs @@ -180,7 +180,7 @@
-
Tavernenchat
+
Globalchat