如何使用按钮更改网站上材料UI的主题？这就是到目前为止我所在的地方

<button id="themeButton">切换主题</button>

const themeButton = document.getElementById('themeButton');
themeButton.addEventListener('click', changeTheme);

function changeTheme() {
  // 使用材料UI的API来更改主题
  // 例如，如果使用Material-UI库，可以使用下面的代码来切换主题
  const body = document.querySelector('body');
  body.classList.toggle('dark-theme');
}

/* 默认主题样式 */
body {
  background-color: #ffffff;
  color: #000000;
}

/* 暗黑主题样式 */
.dark-theme {
  background-color: #333333;
  color: #ffffff;
}