diff --git a/apps/static/css/home/index.css b/apps/static/css/home/index.css index f9d5738..ebd18cf 100644 --- a/apps/static/css/home/index.css +++ b/apps/static/css/home/index.css @@ -80,6 +80,10 @@ background-color: var(--bs-secondary-bg); } +.server-item-selector:active, .server-item-selector.active { + background-color: var(--bs-secondary-bg) !important; +} + /* widths */ .mw-10rem { diff --git a/apps/static/js/home/servers.js b/apps/static/js/home/servers.js index 23b35f3..909359a 100644 --- a/apps/static/js/home/servers.js +++ b/apps/static/js/home/servers.js @@ -143,6 +143,8 @@ function addServerTemplate(serverPrimaryKey, serverGuildId, serverName, serverIc // Bind the button for selecting this server template.find(".server-item-selector").off("click").on("click", function() { + $(".server-item-selector").removeClass("active"); + $(this).addClass("active"); selectServer(serverPrimaryKey); });