类之间的平滑过渡，颜色|.classList.toggle，JavaScript

作为JS的初学者，我正在练习一个非常简单的操作：在黑暗和光明主题之间切换

一切都很好，但我想在类之间有一个平稳的过渡，但我不知道如何做到这一点

确切地说，我希望在颜色之间平滑过渡

请帮帮忙（）

以下是我的js代码：

let themer = document.querySelector('.page');

let themeButton = document.querySelector('.theme-button');

themeButton.onclick = function () {
  themer.classList.toggle('light-theme');
  themer.classList.toggle('dark-theme');
};

---

在属性正在更改的位置添加转换规则。e、 g:

transition: background-color 2s ease;

---

在属性正在更改的位置添加转换规则。e、 g:

transition: background-color 2s ease;