如何在管理仪表板的颜色部分激活背景颜色当管理员单击菜单时，它将转到默认设置的背景颜色

<div id="dashboard" class="dashboard"></div>

.dashboard {
  background-color: #f0f0f0; /* 默认背景颜色 */
}

.dashboard.active {
  background-color: #ff0000; /* 激活时的背景颜色 */
}

var dashboard = document.getElementById("dashboard");

function activateBackground() {
  dashboard.classList.add("active");
}

function deactivateBackground() {
  dashboard.classList.remove("active");
}

// 监听菜单点击事件
var menu = document.getElementById("menu");
menu.addEventListener("click", function() {
  activateBackground();
});

// 监听其他区域点击事件，取消激活背景颜色
document.addEventListener("click", function(event) {
  if (!dashboard.contains(event.target)) {
    deactivateBackground();
  }
});